display: inlineで余白が出来る

Fighting the Space Between Inline Block Elements | CSS-Tricks

<ul>  
<li>サンプル</li>  
<li>サンプル</li>  
<li>サンプル</li>  
<li>サンプル</li>  
<li>サンプル</li>  
</ul> 

横並びにしたいときはdisplay: inlineをやると、
li同士に空白が出来るときがある。

これの対策として、

1. li同士で改行しない
2. を改行する
3. liと/liの間にコメントアウトを挟む
4. /liを省略する

などがある。