リストの横並びで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>にする。 これでおけ。