Css 引导中输入元素的边距和对齐方式

我无法使输入元素和按钮正确对齐。这就是它看起来的样子：

这来自以下代码：

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

---

我需要做什么才能使输入的高度与搜索按钮的高度对齐？

您几乎是对的，但是边距和填充在另一个元素中。尝试：

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

---

试试看！重要的。为什么？这里有点问题：

。关闭标签感谢您指出-这是一个打字错误，我会编辑问题添加您自己的CSS后引导的。使用web检查器进行测试，将样式添加到元素中。

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