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

像这样写：

input{
 float:left;
}

检查这个http://jsfiddle.net/3cLRg/

Answer 4

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

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/