CSS标签和输入问题

Question

我有以下的CSS我的标签和输入：

label { 
    display:block; 
    font-weight:bold; 
    color:#444; 
    margin:5px 0; 
} 

label.notification { 
    clear: both; 
    color:#200; 
    margin:5px 0; 
} 


input { 
    width:300px; 
    padding:4px; 
    border:none; 
    border-bottom:1px dotted #ccc; 
    font:90% Verdana; 
    color:#777; 
} 

我希望它这样，当我在某行的输入和标签的通知。我怎样才能做到这一点？目前它总是在一条独立的线上。

这是我怎么会使用它：

<label id="date">Date</label> 
<input id="datepicker" name="datepicker"/></label> 
<label class="notification">You need to enter a date</label> 

日期选择器，并通知必须在同一行，但标签（日期）和日期选择器必须在另一条线路

Answer 1

摆脱display: block在您的CSS为label。

编辑：

根据你最近的编辑和评论。您只需要在label.notification附加display: inline即可。目前，它会继承label样式中的display: block，因为规则会在CSS中级联。