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

제거 다른 줄에 있어야합니다 :

이

내가 그것을 사용하는 방법입니다 귀하의 CSS에 display: block의 label에 대한

편집 : 최근 편집 및 주석 사항에 따라

. label.notification에 display: inline을 추가하기 만하면됩니다. 현재 규칙은 CSS에서 캐스케이드 (cascade)되므로 글꼴 label에서 display: block을 상속받습니다.