单选按钮的垂直对齐，它的宽度

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> 

标签