IEを含めた最近のブラウザでは珍しくなくなったinline-block。 このinline-blockを利用する場合に発生する「隙間」を改善する方法です。 原因は改行コード 下記のようなHTMLを用意しました。 リストタグを使ったインラインブロックを実現しようとしています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>inline-block
![inline-blockを並べた場合に発生する「隙間」を消去するCSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b44c6bb8327f7c2438f10963792b40c9dfe362c/height=288;version=1;width=512/http%3A%2F%2Finspire-tech.jp%2Fwp-content%2Fuploads%2F2011%2F06%2Finline-block.png)