CSS: Wie man das Etikett rechts vom Radio erscheinen lässt?

Question

sagen, dass ich die folgende Marke haben bis:

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

Die Reihenfolge der Tags zu mir sein richtige erscheinen (in einem semantischen Sinn: label vor dem, was Sie Beschriftung). Aber ich möchte dies zuerst als Radio-Button anzeigen, gefolgt von dem Label. Wie kann ich das in CSS tun?

Answer 1

Sie brauchen keine CSS. Wickeln Sie Ihre Eingabe in ein Label und fügen Sie den Text zuletzt ein.

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

Ist das noch semantisch für Sie?

Oder Sie könnten den Schwimmer versuchen.

Answer 2

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

Answer 3

Schreib wie folgt aus:

input{ 
float:left; 
} 

prüfen diese http://jsfiddle.net/3cLRg/

Answer 4

Tag, um in diesem Fall keine Rolle spielt. Und selbst wenn, dann wäre es andersherum - zuerst müssten Sie den Radio-Button erstellen und dann auf das Label verweisen.

Um Ihre Frage zu beantworten: tun Sie es einfach in der gewünschten Reihenfolge es

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

Geige http://jsfiddle.net/Jm2JR/1/ ..

Answer 5

versuchen dies angezeigt werden soll:

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

zweite Ansatz ist:

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

Answer 6

Hallo Sie definieren einfach Ihre Eingabe-Tag als wie die

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

<br /> 


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

Live-Demo http://jsfiddle.net/rohitazad/bhBQn/1/