如何在没有换行的情况下，在无线电输入旁边设置大量文本的标签格式

Question

我怎么能得到一个<label>，有大量的文本显示旁边的无线电输入，而不环绕输入文本。

在这里:http://jsfiddle.net/JXrHh/1/

我使用display: inline block;来获得我想要的格式。但这只会工作，如果文本是打破与<br/>标签。否则，文本将下降到单选输入的下方。

如果没有display: inline block;，文本将环绕无线电输入。

我一定是遗漏了一些细节，有人能帮我指出来吗?

Answer 1

你也可以在<label>元素上使用display: table-cell;，不需要指定宽度，因为内容会决定它:

http://jsfiddle.net/JXrHh/5

Answer 2

如果你为你的inline-block元素设置了一个固定的宽度，那么你不需要显式的换行符:

http://jsfiddle.net/JXrHh/3/

label.inline {
    display: inline-block;
    width: 200px;
}

Answer 3

这只是一件小事。如果你有足够的空间，你不会想成为一个受限制的人。你可以想传播多广就传播多广，所以限制它

label.inline {
display: inline-block;
width:200px;

}