maeshimaの日記

メモ書きです

liを横並びにするには

二つ方法がある

display:inline

float:left

こちらの方法では、センタリングするのに一工夫必要。position:relativeを使う方法がハックフリーでよさげ。

hail2u.net - Weblog - floatで並べたリストのセンタリング

↑は50%とかで指定してセンタリングしてたけど、IE6だとマウスオーバで色を変える溶かしたときにうまくいかなかった(マージンが倍になったり元に戻ったりして変な感じ)

↓を使ってきちんと数値を指定してセンタリングするのが一番かも
position:positionでボックス横並び - maeshimaの日記