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

【问题标题】：Positioning radio buttons vertically at the same spot将单选按钮垂直放置在同一位置
【发布时间】：2015-03-28 15:40:05
【问题描述】：

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

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

【问题讨论】：

【解决方案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>

【讨论】：