Little gaps in nav items

[Alex]

On my navbar each item has a little gap on the left side. I have it on codepen so you can see.

[Click Here](http://codepen.io/death180/pen/vIDrf “Click Here”)

If you remove the commented background you can clearly see the gaps. I’m sure it’s something obvious that I’m missing, but I would appreciate if anyone could shed some light on the situation.

For me it happens in Chrome, FF, and IE.

[unasAquila]

here @chriscoyier explains it [here](https://css-tricks.com/fighting-the-space-between-inline-block-elements/)

[Paulie_D]

As another option, set the font-size of the parent ul to 0.

You will have to reset it for the li though.

[Kitty Giraudel]

> As another option, set the font-size of the parent ul to 0.

Just for information, some browsers do not allow font-size that low. Take Chrome Chinese for example; any font-size below 12px will be displayed at 12px.

[Paulie_D]

As I said, another option…not a complete solution.

[Kitty Giraudel]

Completely valid option in most cases.

[jurotek]

[Here is another way to do that…](http://codepen.io/jiri/pen/itkqC “”)

[Author]

Posts