CSS «vertical-align: middle» не уменьшает высоту родительского элемента img ⇐ CSS

[Anonymous]

У меня есть элемент привязки с элементом img внутри. Элемент img имеет ширину и высоту 16.
Почему элемент привязки имеет высоту более 16, даже если я установил вертикальное выравнивание: middle для img< /code>?

Код: Выделить всё

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

.brand {
vertical-align: middle;
}

Код: Выделить всё

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

Подробнее здесь: https://stackoverflow.com/questions/793 ... element-of