Почему высота кнопки и ссылки отличается?

Question

[ICUI4CU]

В зависимости от семейства шрифта высота ссылки и кнопки отличается.
В данном примере 16px и 21px соответственно (у меня дефолтный шрифт Liberation Sans, для указанного Arial разница тоже будет, скорее всего). Объясните, почему так происходит?

Comments

[Одиночка Айс]

inline и block, inline плевать хотел на большинство манипуляций, связанных с высотой

[ICUI4CU]

Одиночка Айс, они оба inline

[Одиночка Айс]

ICUI4CU, button по умолчанию inline-block

[Одиночка Айс]

ICUI4CU, уберите у кнопки all: unset; и добавьте padding: 0; border: 0;

[ICUI4CU]

Одиночка Айс, у меня нет значения display по умолчанию для кнопки, unset сбрасывает на inline

уберите у кнопки all: unset; и добавьте padding: 0; border: 0;

Даже если я это сделаю, ничего не изменится и высота будет разной.

[Ankhena]

ICUI4CU, кнопки это особенные элементы. Где-то тут я давала ссылку на статью по этому поводу, но самой снова искать лень.

И ещё два нюанса:
1. Вы сначала задали body шрифт, а потом all unset кнопке.
2. Но даже если вы зададите шрифт прямо кнопке в коротком формате, line-height у неё останется normal.
А вот в явном виде line-height: 1.5 сработает

И другие подобные фокусы.