css - このチェックボックスの入力がインデントされる css は何ですか

Question

私は…したい

  [  ] Option 1
  [  ] Option 2

しかし、取得しています（http://jsfiddle.net/yN2E8/4/）

  [  ] Option 1
       [  ] Option 2

ボックスを左揃えにするには、CSS で何を変更する必要がありますか? ありがとう

Answer 1

フロートをクリアしていないためです

デモ

<div style="clear: both;"></div>

フロートをクリアするために特別に要素を追加したくない場合は、これを使用することもできますが、私は個人的には使用しません

.chkitemcontainer {
   overflow: hidden;
}

また、古いブラウザーに悩まされていない場合は、:afterselector と display table プロパティを使用して、親要素をセルフ クリアすることもできます。