Html 如何使用CSS使表单输入垂直而不是水平？

我知道这是一个非常基本的问题；我是新的编码和做我的第一门课程从FreeCodeCamp

我必须整理一份调查表格，输入默认为水平显示。我已经找了好几个小时了，不知道如何让它们垂直显示。以下是表单的代码笔：

对于这样一个简单的解决方案，我在网上看到的一些例子非常复杂。在本节中，是否无法仅将一行或两行CSS应用于表单ID以实现此效果：

#survey-form {
  font-size: 20px;
  font-weight: bold;
} 

---

在不输入flexbox属性的情况下，最简单的方法是将每个输入和标签元素包装到一个div元素块元素中，因为默认情况下输入和标签是内联元素，所以它们彼此堆叠在一边。内联元素采用其内容宽度，块元素采用100%宽度

简单的例子：

<div>
  <label>Name</label>
  <input type="text" />
</div>

<div>
  <label>Password</label>
  <input type="text" />
</div>

与决议的联系：

---

在codepen演示中，只需添加此css->标签{display:block}。您需要在此处、您的问题中以及任何第三方网站上发布一个。非常酷，谢谢！FreeCodeCamp很有趣，但我认为问题在于他们没有教你为什么要这样做，他们只是让你玩不同的效果，所以当你试图制作自己的示例页面时，你对这样的事情没有理论上的理解。你对业余爱好者提供更好的免费课程有什么建议吗？我推荐freeCodeCamp并坚持下去，因为它的重点是直接投入实践。当您需要有关HTML和CSS的更多详细信息时，请参阅，对于JavaScript，请参阅。此外，Mozilla Developer Network应该是您的每日圣经，以获取与任何web概念相关的简短和更新文档。注意：标记不使用，也不需要结束斜杠，并且在HTML中从未使用过。