リストを横並びにした時の空白をなくす方法

リストを横並びにした時の空白 リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。 これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか！他の方法とかを含めて検証してみましょう。 いろいろ検証してみる ネタ元の方法が実際にどうなのか、そして、他の対処法も含めて検証してみます。 尚、今回の検証では、IE6、IE7、IE8、Firefox2、Firefox3.0、Opera9.6、Safari、Chromeで検証しました。 １、単純に改行した場合 ■HTML <ul> <li>サンプル</li> <li>サンプル</l

[dalton1487]

リストを横並びした時の空白をなくす方法

[surface0]

liのスキマはtable-cellでFA

[cut_c_mah]

display:inline

[chimantare]

リストのすきまをなくすあれやらこれやら。

[sw_lucchini]

よくみるリストにあるコメントアウトの理由が知りたかったので

[hisasann]

ホワイトスペース

[daikix]

リストを横並びにした時の空白をなくす方法のまとめ

[tominaga]

table-cellとか、マニアックですね