Personnellement, je n'aime pas utiliser le vertical-align. Je préfère faire ainsi:
Ce n'est bien sûr pas le code complet, mais l'idée est là, placer les élements "à la main", plutôt que de faire confiance à une propriété un peu foireuse.
J'essaie de faire un petit design grafikart be like pour me pratiquer. Pour le faire, j'utilise Foundation 6 sur Linux avec Apache2. Je réussi à créer la top-bar et de changer la couleur grâce à scss. Donc mon code ressemble à ça:
et mon css:
Le problème étant que le résultat ressemble à ça:

Malgré mon vertical-align: middle et mes nombreux tests.
PS: Je suis vraiment mauvais avec CSS/HTML.
Personnellement, je n'aime pas utiliser le vertical-align. Je préfère faire ainsi:
Ce n'est bien sûr pas le code complet, mais l'idée est là, placer les élements "à la main", plutôt que de faire confiance à une propriété un peu foireuse.
moi le préfère jouer avec le line-height comme ceci:
Il te manque un lien
@Defy: Aussi oui, c'est une autre méthode parfaitement valable.
Ou y'a la méthode flexbox