リストについて

質問

<li>要素にスタイルシートで
display:inline;
とすると、リストが横並びになりますが、
とある書籍には上記の方法ではなく
float:left;
と書いてありました。

どちらも正しいのでしょうか？
皆さんはどちらを使っていますか？
メリット、デメリットなどもあれば教えてください。

よろしくお願いします。

回答No.1

steel_gray · ベストアンサー

横並びにするという目的だけならばどちらも正しいと思います。

display:inline にした場合はまさにインラインにするわけですからブロックとしての特性がなくなるのがデメリットになる場合があります。参考URLの「ブロックレベル要素とインライン要素の比較」あたり。
また、display:list-item;でなくなることで面倒なマーカー(リスト項目の左に付くマーク)の扱いを気にしなくて済むかもしれません。（自信なし）

float:left;にした場合、後続のブロックがリストの右側に配置される場合があります。後続のブロックにclear:left;を指定するとか回避の方法はありますが。

とりあえず思いついたのはこれぐらい。

参考URL：

http://www.mozilla.gr.jp/standards/webtips0015.html