为什么输入标签会进入下一行？我希望它在同一行

Question

<p>Name:</p><input type="text" style="display: inline" >

输入标记在下一行。我希望它在同一行。我也使用了css样式属性，但它没有帮助。

Answer 1

因为p元素是块元素。如果你想要任何东西与它内联，那么它也需要内联：

<p style="display:inline">Name:</p><input type="text" />

Answer 2

正如@David解释的那样，<p>标签是一个块元素。这意味着默认情况下不会对齐内联。

要解决您的问题，请将标记更改为：

<p>Name: <input [...] /></p>

但是你想要做的是标签标签。

<label for="name">Name: </label><input type="text" name="name" />