Html 不能在div内垂直堆叠元素

我正在尝试使我的格式如下所示：

Question                          Choice
textarea                          textarea 

我使用的HTML格式如下：

Question textarea                  Choice textarea

我怎样才能得到两个单独的元素列，然后在它们各自的列内垂直排列这些元素

<div id="container1" style="width: 100%; overflow: hidden;">
    <div style="width: 600px; float: left;">
        <div style="display: inline-block">
            <label for="">Question</label>
            <textarea></textarea>
        </div>
    </div>
    <div>
        <label for="">Choice</label>
        <textarea></textarea>
    </div>
</div>

问题:
选择

我相信这是因为您使用的是

标签。只需使用

标记即可。像这样的

<div id="container1" style="width: 100%; overflow: hidden;">
<div style="width: 600px; float: left;">
    <div style="display: inline-block">
        <p>Question</p>
        <p><textarea></textarea></p>
    </div>
</div>
<div>
    <p>Choice</p>
    <p><textarea></textarea></p>
</div>

问题:


选择

---

如果你需要使用标签，一个简单的

就可以了

<div style="width: 100%; overflow: hidden;">
    <div style="width: 600px; float: left;">
    <label for="">Left Question</label>
    <br />
    <textarea></textarea>
  </div>
    <div style="margin-left: 620px;">
      <label for="">Right Question</label>
      <br />
      <textarea></textarea>
    </div>
</div>

左题


正确的问题

成功了，买吧，这似乎是一个不可思议的技巧。为什么我要用段落标记将每个元素包围起来，只是为了垂直堆叠它们？我相信

标记会将标签放在它所标记的元素旁边<代码>默认情况下，标签会像word文档中的段落一样堆叠内容。明白了。非常感谢。