Jquery 对齐标签旁边的单选按钮

Jquery 对齐标签旁边的单选按钮,jquery,html,css,twitter-bootstrap,radio-button,Jquery,Html,Css,Twitter Bootstrap,Radio Button,以下是该页面的链接: 我使用以下CSS样式: input[type="radio"]{ vertical-align: baseline; } 此外,我们正在使用引导框架 由于某些原因,我无法使标签直接与单选按钮对齐 你知道如何做到这一点吗?这需要一点努力,但我相信这应该是你想要的 您需要将文本包装在span标记中: HTML 然后您只需添加一个clear:left到它下面的文本。您可以将文本包装在一个跨距中,并使跨距与输入的行高度相同height@Martijn你能提供答案吗?请阅读我

以下是该页面的链接:

我使用以下CSS样式:

input[type="radio"]{
  vertical-align: baseline;
}
此外,我们正在使用
引导框架

由于某些原因,我无法使标签直接与单选按钮对齐


你知道如何做到这一点吗?

这需要一点努力,但我相信这应该是你想要的

您需要将文本包装在
span
标记中:

HTML


然后您只需添加一个
clear:left到它下面的文本。

您可以将文本包装在一个跨距中,并使跨距与输入的行高度相同height@Martijn你能提供答案吗?请阅读我会考虑改变你的无线电输入类型的高度,使他们不是48 px的高度。可能还需要在某个地方调整线条高度。
<label>
    <input type="radio">
    <span>Yes</span>
</label>
label {
    display: table;
    float:left;
}

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