html - 如何在没有自动换行的情况下在无线电输入旁边使用大量文本格式化标签？

Question

我怎样才能得到一个<label>在收音机输入旁边显示大量文本的文本，而不用将该文本包装在输入周围。

在这个jsfiddle：http: //jsfiddle.net/JXrHh/1/

我display: inline block;用来获得我想要的格式。但这只有在文本被<br/>标签分解时才有效。否则，文本将下降到无线电输入下方。

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

我一定是在某处遗漏了一些小细节，有人可以帮忙指出吗？

Answer 1

您也可以display: table-cell;在<label>元素上使用，无需指定宽度，因为内容将决定它：

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;

}