Espace blanc au bas de la balise d'ancrage
J'ai une étiquette entourant une image. J'ai une bordure définie sur le div dans lequel se trouve la balise. J'ai à la fois la marge et le remplissage à 0, mais pour une raison quelconque, ma balise est toujours environ 3 pixels plus haute que mon image. Cela laisse un peu d'espace entre l'image et la bordure, ce qui détruit le look que je veux accomplir.
Qu'est-ce que je fais mal? J'ai testé à la fois FireFox et Chrome avec les mêmes résultats. Merci
L'image est display: inline donc il est traité comme un personnage et se trouve sur la ligne de base. L'écart est causé par l'espace prévu pour le descendeur (que vous trouvez sur des lettres comme j, g, y et p).
Ajuste le vertical-align avec CSS: img{vertical-align: bottom}
display:block suffit pour cela, si l'élément n'a pas de frères et sœurs.