Question

Possible Duplicate:
Unwanted margin in inline-block list items
A Space between Inline-Block List Items

To avoid the gap between to li set to display: inline-block, I’ve set the font size of the ul to 0. Hence the nature of em sizing, 0 is now passed as the base font-size for all li, which practically means that one can’t see them.

Is there any way to solve this problem without setting font-size: 14px (for example) to the list items?

Answer 1

Just float them instead Maybe they don’t need to be inline-block at
all, maybe they can just be floated one way or another. That allows
you to set their width and height and padding and stuff. You just
can’t center them like you can by text-align: center; the parent of
inline-block elements.

Take a look at this source: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

it list multiple solutions to your problem. Avoid setting the font size to 0;