html - ブロックをペアで並べて並べる方法は?

Question

コンテンツを含む単純な div がいくつかあります。それらは幅 50% で左にフロートしています。これは、それらがすべて並んでいる (ペアになっている) ことを意味します。ただし、ブロックの 1 つが他のブロックよりもコンテンツが少ない場合、下のブロックが間違った側に浮く = 壊れます。

この問題に対処するためのシンプルでクリーンな方法はありますか? これは現在の css コードです。

div {width:50%; background:#ccc; float:left; margin-bottom:20px;}

http://jsfiddle.net/yWxBe/

Answer 1

できるよ：

div:nth-child(odd){
  clear: left;
}

これが更新されたデモです: http://jsfiddle.net/yWxBe/1/

Answer 2

左右の列のコンテナ div を作成できますか?

代替案: jQuery、この問題には多数の jQuery ライブラリがあります。