liとかを横並びにするfloat以外の方法

これは良いリソースだと思ったのでメモ。

インラインブロックを使った方法↓
floatを使わずにinline-blockで横並びにする方法

用は、

display: inline-block;

を指定するだけなのだけれど、
IE5～7用に

/display: inline;
 /zoom: 1;

さらにキツネ2用に、ベンダープリフィクスを。

display: -moz-inline-box; 

…だ、そうです。



CSS3のnth-child()疑似クラスを使った方法↓
数個おきのブロックにclearを指定して横並びをclearする方法