Display:inline-block les espaces indésirables

Je faisais des tests d'intégrations et en travaillant au pixel près j'ai découvert le problème des espaces indésirables entre les éléments inline-block. 

En bidouillant sur chrome, je n'ai pas réussi à trouver d'où ça venait. En cherchant sur Google je suis tombé sur un article de Raphael Goetter (AlsacreationS) https://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html. C'était également un problème dans le twitter bootstrap. Donc je choisis de mettre les éléments à la suite sans retour à la ligne (pas de bidouille css et économie de caractère). Cool ça marche, par contre un second problème : mon conteneur termine 4px environ en dessous du LastChild en display:inline-block. 

La solution a ce second problème entraîné par display:inline-block est de mettre un line-height à 0.