CSS：如何使标签出现在收音机的右侧？答案

【问题标题】：CSS: how to make label appear right of the radio?CSS：如何使标签出现在收音机的右侧？
【发布时间】：2012-04-18 19:47:39
【问题描述】：

假设我有以下标记：

<label for="name">Name:</label>
<input type="radio" name="name" id="name"/>

标签的顺序对我来说似乎是正确的（在语义上：标签在你要标签的东西之前）。但我想首先将其显示为单选按钮，然后是标签。如何在 CSS 中做到这一点？

【问题讨论】：

【解决方案1】：

您不需要 CSS。将您的输入包装在标签中并将文本放在最后。

<label><input type="radio" name="name" id="name"/>Name:</label>

这对你来说仍然是语义吗？

或者你可以试试浮动。

【讨论】：

【解决方案2】：

在这种情况下，标签顺序无关紧要。即使这样做了，也会反过来 - 首先您必须创建单选按钮，然后在标签中引用它。

回答你的问题：按照你想要显示的顺序来做

<input type="radio" name="name" id="name"/>
<label for="name">Name:</label>

【讨论】：

【解决方案3】：

这样写：

input{
 float:left;
}

【讨论】：

【解决方案4】：

<label for="name" style="float:right;">Name:</label>

【讨论】：

【解决方案5】：

试试这个：

<label style="position:relative; left:100px;" for="name">Name:</label>
<input type="radio" name="name" id="name"/>

第二种方法是：

<input type="radio" name="name" id="name"/>
<label for="name">Name:</label>

【讨论】：

【解决方案6】：

您好，您只需像这样定义您的输入标签

<label>Name:
<input type="radio" name="name" id="name"/></label>

<br />


<label>
<input type="radio" name="name" id="name"/> Name    
</label>

【讨论】：