css - <label> 标签和输入不会换行

Question

我看到一个例子，作者写了这样的东西:

 <p>
  <label>Team Name</label>
  <input type="text">
 </p>

他得到的结果是一个标签，上面写着:Team Name，下面是一个文本输入。对我来说，当我尝试同一个例子时，我看到它们都在同一条线上。我们都在引用 AngularJS、Bootstrap.css。

知道为什么吗？ P.S:对 CSS 和所有前端开发事物仍然是新手。

Answer 1

label 和 input 元素是行内元素，要强制它们在下方使用 display: block;

p input{
  display: block;
}