如何在没有自动换行的无线电输入旁边输入大量文本来标记标签？

Question

我怎样才能得到一个<label>，它有很多文字显示在收音机输入旁边，没有在输入周围包裹那些文字。

在此的jsfiddle：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; 

}