display:inline-blockで発生する謎のスペース imgタグを横並びにしようとすると謎のスペースが出来ます。 display:inline-blockでも同じような空白ができますね。 この隙間は、コードの上での改行が空白として認識してしまっているからなんですね。 HTMLはこんなソースになってませんか? <img src="hoge1.jpg" alt="" /> <img src="hoge2.jpg" alt="" /> <img src="hoge3.jpg" alt="" /> <div class="box">aaaaaaa</div> <div class="box">aaaaaaa</div> <div class="box">aaaaaaa</div> ふつう、こうやってタグ毎に改行して見やすく記述しますよね。 それでは、.boxにはinline-blockを
![inline-blockで発生する隙間(空白)を消す方法 - ナオユネット](https://cdn-ak-scissors.b.st-hatena.com/image/square/f504299b2335b69b1d5b46a9c9fab15cb2204237/height=288;version=1;width=512/https%3A%2F%2Fnaoyu.net%2Fwp%2Fwp-content%2Fuploads%2F2012%2F06%2Finlineblock.png)