如何在沒有自動換行的無線電輸入旁邊輸入大量文本來標記標籤？

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; 

}