Remove Spacing between li

Make your li tags display:block; and float:left; (instead of display:inline;)

Try this.

ul { font-size: 0; }

This is rediculously late in the piece but I had the same problem today.

I fixed it by laying out my HTML like so, thereby removing any space between the list it:

<li>
  list-item 1
</li><li>
  list-item 2
</li><li>
  list-item 3
</li>

Example on Code Pen

Related