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; 
} 

私は1行に入力し、ラベルの通知を持っているときように、私はそれをしたいです。これどうやってするの？現在は常に別の行にあります。

これは私がそれを使用する方法である。

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

日付ピッカーと通知が同じ行にあることが必要であるが、ラベル（日付）と日付ピッカーは

Answer 1

を取り除く別の行にする必要がありますあなたのCSSのdisplay: blockのlabelです。

編集：あなたの最近の編集やコメントを1として

。 label.notificationにdisplay: inlineを追加するだけです。現時点では、ルールlabelの親からdisplay: blockを継承します。これは、CSSでルールがカスケードされるためです。