부트 스트랩의 입력 요소에서 여백 및 정렬

Question

입력 요소와 버튼을 올바르게 정렬하는 데 문제가 있습니다. 이것은 같은 모습입니다 :

이 다음 코드에서 유래 :

<div class="row"> 
    <div class="offset1 span6"> 
      <input type="text" class="l_input" placeholder="enter a city"></input> 
    </div> 
    <div class="span3"> 
      <button class="l_button btn btn-primary" type="button">Search</button> 
    </div> 
</div> 

내가 입력 높이가 현재이 아니다 버튼과 동일한되고 싶어요. 이것은 여백/패딩 때문인 것으로 가정하므로 CSS에서 0 픽셀로 설정하려고했지만 영향은 없습니다.

.l_input { 
padding: 0px; 
margin: 0px; 
} 

입력 높이를 검색 버튼의 높이와 정렬하려면 어떻게해야합니까?

Answer 1

거의 맞지만 여백과 여백은 다른 요소에 있습니다. 시도 :

.l_input, 
.l_button { 
    padding: 0px; 
    margin: 0px; 
} 

updated demo