html - 换行的最佳方式

Question

我有一个看起来像这样的表格：

    <form class="navbar-form text-center">
        <input type="text" class="span2">
        <p></p>
        <input type="text" class="span2">
        <p></p>
        ...
        <button type="submit" class="btn btn-success">I'm Done</button>
    </form>

现在我正在使用该<p></p>块，但这对我来说似乎远非优雅。

我想知道是否有更好的方法，因为我搜索了一下，找不到。谢谢！

编辑：如果可能的话，我想避免使用额外的 HTML，比如 br 和 p 标签。

Answer 1

非常简单的答案：使用休息空间。

例如：

a
<br>
b

将呈现如下：

a
b

如果您想要元素之间的空间，只需添加另一个<br>，如下所示：

a
<br>
<br>
b

这将呈现如下：

a

b

Answer 2

见http://twitter.github.io/bootstrap/base-css.html#forms

<div class="controls controls-row">
  <input type="text" >
</div>

Answer 3

As a pure CSS solution, you could use:

input.span2 {
    display: block;
    margin-bottom: 10px;
}

Answer 4

You are correct in thinking that you shouldn't add additional HTML purely for presentation that adds no semantic value. CSS Is on your side.

.span2 {
    display: block;
    margin-bottom: 25px;
}

http://jsfiddle.net/AGp2g/