Remove the space between two inline-block elements

Source: http://css-tricks.com/fighting-the-space-between-inline-block-elements

Using display: inline-block in your CSS file will leave a space between your elements. Here is a trick to avoid this:

<nav>
    <ul>
        <li><a href="#">Page1</a></li><!--
     --><li><a href="#">Page2</a></li><!--
     --><li><a href="#">Page3</a></li><!--
     --><li><a href="#">Page4</a></li>
    </ul>
</nav>

We add a blank comment between </li> and <li> to “fill” the space.