在CSS中为每个标签添加新行

Question

我有HTML代码

<form id="answers">
blue
<input id="0" type="radio">
red
<input id="1" type="radio">
pink
<input id="2" type="radio">
<input type="submit">
</form>

我想在新行中包含每个元素。我不想使用<br>。在CSS文件中，我尝试执行此操作：display: block但没有任何更改。

Answer 1

#answers input {display: block;}

这将使每个输入都在其自己的行中。如果您希望每个输入及其标签一起排成一行，则应执行以下操作

<form id="answers">
    <label>blue <input id="0" type="radio"></label>
    <label>red <input id="1" type="radio"></label>
    <label>pink <input id="2" type="radio"></label>
    <input type="submit">
</form>

css：#answers标签{display：块;}

http://jsfiddle.net/barakedry/y6p54vzg/