引导程序中输入元素的边距和对齐

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> 

我想输入的高度是一样的按钮，这是不是这种情况目前。我认为这是因为margin/padding，所以我试图在css中将它们设置为0 px：但它没有影响。

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

我需要怎么做才能使输入的高度与搜索按钮的高度一致？

Answer 1

你几乎是正确的，但边距和填充是在另一个元素。尝试：

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

updated demo