CSS „vertical-align: middle“ verkleinert nicht die Höhe des übergeordneten Elements von img ⇐ HTML

[Guest]

Ich habe ein Ankerelement mit einem img-Element darin. Das img-Element hat eine Breite und Höhe von 16.
Warum hat das Ankerelement eine Höhe von mehr als 16, selbst wenn ich Vertical-Align: Middle im img eingestellt habe? /code>?

Code: Select all

.brand-link {
text-decoration: none;
}

.brand {
vertical-align: middle;
}

Code: Select all

[url=#]
[img]https://www.gravatar.com/avatar/89ef9ea23fc4a61a882a2a44f3ccf0b7?s=64&d=identicon&r=PG[/img]
[/url]