css - CSS：ラベルをラジオの右側に表示するにはどうすればよいですか？

Question

次のマークアップがあるとします。

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

タグの順序は私には適切であるように見えます（意味的な意味では、ラベルを付けるものの前にラベルを付けます）。ただし、これを最初にラジオボタンとして表示し、次にラベルとして表示したいと思います。CSSでそれを行うにはどうすればよいですか？

score 15 · Accepted Answer

CSSは必要ありません。入力をラベルにラップし、テキストを最後に配置します。

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

それはまだあなたにとって意味論的ですか？

または、フロートを試すこともできます。

score 3 · Accepted Answer

この場合のタグの順序は重要ではありません。たとえそうだったとしても、それは逆になります。最初にラジオボタンを作成し、次にそれをラベルで参照する必要があります。

あなたの質問に答えるには：あなたがそれを表示したい順序でそれをするだけです

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

score 2 · Accepted Answer

このように書く：

input{
 float:left;
}

これをチェックしてくださいhttp://jsfiddle.net/3cLRg/

score 1 · Accepted Answer

1

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

于 2012-04-05T03:42:52.587 に答える

score 1 · Accepted Answer

これを試して：

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

2番目のアプローチは：

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

score 1 · Accepted Answer

こんにちは、入力タグをそのように定義します

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

<br />


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

6 に答える 6