display:inline-block;で要素を横並びにしたときの隙間

最近は、li要素を横並びにするときに、
display:inline-block;
をよく使うように。

ネットショップなどで、商品を並べるときに、
高さが違っても崩れないから便利。

その時にできてしまう隙間を消す方法。
liを横並びにした場合のメモ。

[html]
ul {font-size:0px;}
[/html]

関連記事:

中央配置［CSSメモ］ 背景画像もレスポンシブ min-widthとか サブドメイン取得