display: inline-blockで横並びにしたときにできるへんな隙間をなくす

親要素の font-size を　0 にして、inline-block で並べる要素に font-size を指定します。

<ul>
  <li>横に並べます</li>
  <li>横に並べます</li>
  <li>横に並べます</li>
</ul>

ul {
  font-size: 0;
}

li {
  display: inline-block;
  font-size: 16px;
}