floatを使用しないで、リスト要素を水平に並べるスタイルシートをCSSplayから紹介します。
Horizontal unordered lists non-floating
demo
デモでは、水平方向に並べたリスト要素を左・右寄せ、中央に配置しています。
対応ブラウザは、IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Chromeとのことで、IE6/7用には「display:inline-block;」、Fx用には「display:table-row;」を使用しています。
Post on:2009年5月11日
