[CSS]floatを使用しないで、リストを水平に並べるスタイルシート

Post on:2009年5月11日

sponsors

floatを使用しないで、リスト要素を水平に並べるスタイルシートをCSSplayから紹介します。

デモでは、水平方向に並べたリスト要素を左・右寄せ、中央に配置しています。

対応ブラウザは、IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Chromeとのことで、IE6/7用には「display:inline-block;」、Fx用には「display:table-row;」を使用しています。