liの横並び

リストの横並びでul要素にlist-style:noneでli要素にdisplay:inlineで横並びにさせると右に隙間が開く。
知らんかった。
解決法はliの間をソース上で詰める。

<ul>
<li><h3>画像</h3></li>
<li>画像</li>
<li><h3>画像</h3></li>
</ul>

を

<ul><li><h3>画像</h3></li><li>画像</li><li><h3>画像</h3></li></ul>

にする。
これでおけ。