Espacement vertical étrange avec bloc en ligne et alignement vertical [fermé] - html, alignement vertical, css

J'ai un problème d'espacement étrange au-dessus deinline-block elements quand j'utilise le centre vertical-align sur eux. Cela ressemble à une marge de 2 pixels qui étend le conteneur parent. Avec l'alignement vertical par défaut, aucun espace au-dessus des éléments ne se produit et le conteneur parent n'est pas développé. J'ai créé un exemple pour illustrer le problème:

http://cdpn.io/BKndk

Merci de votre aide.

Réponses:

C’est parce que vous appliquez vertical-align: milieu à l'élément "a" au lieu de l'élément parent, le conteneur nav. Si vous le supprimez de l'élément "a" et l'ajoutez à votre classe de navigation, il devrait fonctionner comme prévu.