CSS：如何使标签出现在收音机的正确位置？

Question

说我有以下标记：

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

标签的顺序看起来对我来说是合适的（在语义上：标签之前的标签）。但我想首先将其显示为单选按钮，然后是标签。我怎么能在CSS中做到这一点？

Answer 1

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

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

这对你来说还是语义吗？

或者你可以尝试漂浮。

Answer 2

在这种情况下标记顺序无关紧要。即使它确实如此，那么反过来 - 首先你必须创建单选按钮，然后在标签中引用它。

回答您的问题：按照您想要显示的顺序进行操作

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

小提琴http://jsfiddle.net/Jm2JR/1/ ..

Answer 3

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

Answer 4

这样写：

input{
 float:left;
}

选中此http://jsfiddle.net/3cLRg/

Answer 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>

Answer 6

您好，您只需将输入标记定义为

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

<br />


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

现场演示http://jsfiddle.net/rohitazad/bhBQn/1/