#12989

[CSS] You Know About Display Inline Block Gap

Ceci est un comportement très chiant. Seul Opera 12.x ne l’avait pas (en même temps, ce navigateur appliquait les spec mieux que les spec elle-mêmes…).

L’espacement est dû aux espaces dans le code source : espaces, tabulations, retour à la ligne.

Si on écrit tout le code HTML sur une seule ligne, ça sera moche mais le problème disparaît. Le code DOM généré en JS n’a pas ce soucis non plus.

Une autre solution est d’utiliser un « line-height:0; » dans le parent (le ul)et de remettre un line-height/font-size dans le block (les li).
http://www.frontendevelopers.com/you-know-about-display-inline-block-gap/