对齐标签旁边的单选按钮

Question

以下是该页面的链接：

Webpage

我正在使用以下CSS样式：

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

此外，我们正在使用Bootstrap Framework。

出于某种原因，我无法将标签直接对准单选按钮旁边。

知道怎么做到这一点吗？

Answer 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;即可。