html 表单标签换行符

Question

我需要一个 twitter bootstrap 表单，输入文本框在同一行，但它的标签必须在输入框的顶部。

到目前为止我有:

<form action="#">
  <label for="city">City</label>
  <input type="text" id="city"/>
  <label for="street">Street</label>
  <input type="text" id="street"/>
</form>

http://jsfiddle.net/A8RaG/

所以我需要在同一行输入并且标签必须在每个输入的顶部。

我该怎么做？

Answer 1

另一种解决方案是在每个标签/输入组合周围放置一个 div 并将 css 设置为向左浮动HTML

<form action="#">
    <div>
        <label for="city">City</label>
        <input type="text" id="city"/>
    </div>
    <div>
        <label for="street">Street</label>
        <input type="text" id="street"/>
    </div>
</form>

CSS

form div{
   float: left
}

jsFiddle