对齐标签旁边的单选按钮答案

【问题标题】：Align radio buttons next to the label对齐标签旁边的单选按钮
【发布时间】：2014-12-01 01:15:36
【问题描述】：

这是该页面的链接：

我正在使用以下 CSS 样式：

input[type="radio"]{
  vertical-align: baseline;
}

另外，我们使用的是Bootstrap Framework。

由于某种原因，我无法让标签直接与单选按钮对齐。

知道如何做到这一点吗？

【问题讨论】：

【解决方案1】：

这需要一些工作，但我相信它应该是您正在寻找的......

您需要将文本包装在span 标签中：

HTML

<label>
    <input type="radio">
    <span>Yes</span>
</label>

CSS（我已排除您当前的样式以使我的代码更易于阅读）

label {
    display: table;
    float:left;
}

input,span{
    display: table-cell;
    vertical-align: middle;
}

然后您只需在其下方的文本中添加clear:left;。

【讨论】：