單選按鈕的垂直對齊，它的寬度

Question

我注意到，如果我有一個文本，然後無線電，如：

<label for "myradio">Radio name</label> 
<div class="holder">Yes <input type="radio" name="myradio" value="Yes"></div> 
<div class="holder">No <input type="radio" name="myradio" value="No"></div> 

其中：

label  { width: auto; margin-left: 15px; float: left; } 
.holder  { float: left; line-height: 13px; margin: 6px 0 0 7px; } 
.holder input[type=radio] { float: right; } 

現在，這個問題是，收音機出現後和稍低（好像有一個上邊距）文本「是」或「否」。

現在，如果我爲我的.holder添加一個寬度（足夠寬），我將文本和廣播都放在同一行。但是，如果寬度小於yes + radio的寬度，則收音機的位置會比以前更低。

如果只是「是」和「否」，我可以使用固定寬度，但問題是那些「是」和「否」是數據庫生成的，因此我無法控制文本寬度。所以我需要一種不同的方式將文本和廣播放在同一行。

任何想法的傢伙？

Answer 1

檢查我jsfiddle

是你想實現什麼？只需添加

.holder span{float: left;margin-right: 3px;} 
.holder input{float: left;} 

和

<span></span> 

標籤