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中級聯。