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

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;」を使用しています。

sponsors

top of page

©2018 coliss