Почему ссылка растягивается во всю высоту родительского блока?

Question

[COSTYLE]

Ссылка (Login) в блоке растягивается на всю высоту.


Хочу добиться вот этого результата:

Comments

[Rustam Bainazarov]

Не надо делать, как сказал Антон.

Надо так делать:
https://codepen.io/EggManR3/pen/MWgbRmd

Answer 1

[Антон]

.login-btn {
  display: table;
  padding:10px 20px;
}

Comments

[COSTYLE]

blagodaryu

Answer 2

[Руслан Янборисов]

У вашего класса login display: flex. Flex по умолчанию растягивает все дочерние элементы до максимального. Для вашего случая я просто порекомендовал бы поиграться с высотой самого родительского блока. А так же задать классу login height: auto.
https://developer.mozilla.org/ru/docs/Learn/CSS/CS...