CSS中的某些东西使文本元素在其标签下方显示一行

我在Rails 3.2.16中使用simple_form_，在我的表单中使用Twitter引导。然而在我所有的表格上。我用的是水平班的形式。然而，我的所有文本元素都显示在标签的下方和右侧。以下是HTML：

<div class="control-group text optional">
  <label class="text optional" for="user_email">Email</label>
  <div class="controls">
    <input id="user_email" class="text optional" type="text" value="adrian.klingel@myfitment.com" size="30" name="user[email]">
  </div>
</div>

在.form horizontal的引导中有许多设置

我可以在布局视图中看到.controls div在右侧填充了180px。但我不明白是什么迫使它下来。它需要与其标签保持一致。作为一个有编程背景的人，我无法用语言来形容我对CSS的失望。我就是搞不懂。不是因为缺乏尝试

更新：

---

我能够通过应用float实现我想要的：left；对于标签，我只是有点惊讶，打包的表单水平类中还没有这样的内容。我不确定他们认为水平形式应该是什么意思。

另一个有用的方法来实现你所说的用float实现的目标：左；是使用显示：内联块；相反

显示：块；强制换行

请在此处阅读更多信息：

Email:
               <Text box for email>

display: block;