<label>标签和输入不会转到新行</label>

Question

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

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

他得到的结果是一个标签：团队名称，下面是输入的文字类型。对我来说，当我尝试相同的例子时，我看到它们都在同一条线上。我们俩都在引用AngularJS，Bootstrap.css。

知道为什么吗？ P.S：CSS和所有前端开发项目的新手。

Answer 1

标签和输入元素是内联元素，并强制它们低于使用display: block;

p input{
  display: block;
}