サンプル 1

Firefox 2 などでは XHTML のソースコード上の改行が空白スペースとして表示されてしまいます。(範囲を選択をする空白スペース部分が反転するのでとわかります。)

サンプル 2

Firefox 2 対策としてソースコード上の改行の対策をしたもの

サンプル 3

親の枠の幅を変更すれば 1行のアイテムの数を変更できます

サンプル 4

エリアの width を可変にすることでリキッドレイアウトにも対応できます。(サンプルは width:100% を指定。)

サンプル 5

inline-block は text-align も有効なので最後の行だけセンタリングや右寄せといったことも可能です。(サンプルは text-align:center を指定。)