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

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

Answer 3

這樣寫：

input{ 
float:left; 
} 

入住這http://jsfiddle.net/3cLRg/

Answer 4

標記順序在這種情況下並不重要。即使它確實如此，那也是相反的 - 首先你必須創建單選按鈕，然後在標籤中引用它。

要回答你的問題：做它的順序要顯示它

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

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

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/