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

Horizontal unordered lists non-floating demo デモでは、水平方向に並べたリスト要素を左・右寄せ、中央に配置しています。 対応ブラウザは、IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Chromeとのことで、IE6/7用には「display:inline-block;」、Fx用には「display:table-row;」を使用しています。

[arimaster]

floatを使用しないでリストを横に並べるCSS記法

[kanariia]

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

[boyasan]

すごく困ったときに

[ikacr4u]

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

[lucky39]

Float　デザイン

[puzzeljp]

Float　デザイン

[yssk22]

display:table-row; は tr タグを真っ向否定する定義だなーと思って使うの躊躇してたんだけれど。

[sakuragaoka]

んー、でもfloat使った方がよくね？ブラウザによる振り分けこそ最小限に留めるべき、というのが持論。

[paranod]

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

[hysteric_cat]

IEみたいな多段floatが問題になる奴に、自分でも書いてるソースだけど毎回忘れる。