css - 如何让我的 DIV 显示在彼此下方

Question

我有以下内容:

<div style="float: left; padding-right: 1%;">
  <label class="editor-label" for="BrowserTitle">Browser Title</label>
  <input class="editor-field" id="BrowserTitle" name="Question.BrowserTitle" size="30" type="text" value="Test title" />
</div>

我想让输入字段出现在标签下方。现在它只是跟在同一行的标签后面。有没有办法可以用 CSS 做到这一点？

Answer 1

设置

display: block;

在标签或输入上。

注意:正如评论中指出的，您还需要删除 float如果您希望 divs 显示在彼此下方，请使用包含 div 的样式。