【CSS 中級講座】横並びにしたliタグで隙間が出来る問題のエレガントな対応策リストタグ（li タグ）に対してCSSで display:inline や display:inline-block を使って横並びにしようとすると、なぜか横に2～3ピクセル程度の意味不明な隙間が生じます。 初めて遭遇した時は、慌てて自分の書いたCSSを確認したり、仕方無しに float:left に書き換えたり、マイナスマージンで誤魔化したりしたって方も多いんじゃないでしょーか。 が、この問題の主たる原因はCSS側ではなく、HTML側の「改行」。 とはいえ「見栄え」の問題なので、HTMLをどーこーするのは気持ち悪い。 そんな時には今回ご紹介する対応策！CSSにほんの少々の手を加えるだけで、この謎の隙間から完全に開放されちゃいます！ さぁさぁ、寄ってらっしゃい見てらっしゃい♪ 横並びにしたliタグで隙間が出来る問題の対応策 まずは現象を再現してみる 下記マークアップで現象は再現されます。ま
