html - 将单选按钮垂直放置在同一位置

Question

我试图将单选按钮垂直放置在同一位置，而左侧有一个标签。这是我想要的结果:

我在将第二个单选按钮定位到与第一个单选按钮相同的位置时遇到问题。

Answer 1

像这样？

要将标签对齐到相对于单选按钮组的顶部，请在此标签上使用 vertical-align:top 并将单选按钮放在某个 div 中；不要忘记将其设为 inline-block，否则标签和按钮将保持在不同的行上:

#radio-group{
    display:inline-block
}
#label{
    vertical-align:top;
}

<span id="label">label</span> 
<div id="radio-group">
    <input type="radio" name="rg">radio1<br>
    <input type="radio" name="rg">radio2
</div>