-5

次のようなliの中にチェックボックスとそのラベルがあります。

<ul>
    <li><label for="first_checkbox_btn">First</label> <input type="checkbox" id="first_checkbox_btn" name="choice" value="" /></li>
    <li><label for="second_checkbox_btn">First</label> <input type="checkbox" id="second_checkbox_btn" name="choice" value="" /></li>
    <li><label for="third_checkbox_btn">First</label> <input type="checkbox" id="third_checkbox_btn" name="choice" value="" /></li>
</ul>

私がやろうとしているのは、チェックボックスを私のli内のラベルの右端に揃えることです。float right を使用してみましたが、チェックボックスがラベルと同じ行に表示されません。

助けてください。

4

2 に答える 2

1

どこから来たのかわかりませんが、余白を に設定する0と機能します

input {
    float: right;
    margin: 0;
}

JSFiddle

于 2013-05-16T19:37:51.367 に答える
0

簡単なjsfiddleをまとめました

私があなたを正しく理解しているなら、上記の解決策はそれを行います。基本的に、それぞれを与えてから、各入力<li> position:relativeに設定します。position:absolute; right:0

もちろん、より多くの情報とコードがあれば、何が起こっているのかを理解するのに役立ちます。

于 2013-05-16T19:32:10.453 に答える