Как сделать так, чтобы высота элемента равнялась высоте контента?

Question

[Андрей]

Как сделать так, чтобы высота элемента равнялась высоте контента?

Comments

[v3shin]

Можно код?

[ThunderCat]

обычно height: auto; но могут быть варианты...

[Андрей]

v3shin,

<a class="inline-block text-center underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('login') }}">
                    {{ __('Already registered?') }}
 </a>

[Ankhena]

Андрей,

Как сделать так, чтобы высота элемента равнялась высоте контента?

Собственно, именно так и происходит по умолчанию. (с учетом паддингов и границ)

А дальше вопрос, что именно вы написали в стилях элемента или его родителя, что это поведение сломалось.

Сделайте песочницу на jsfiddle.net в которой видно проблему.

Answer 1

[karmyskove]

Используй flex. Flex элемент по умолчанию растягивается на всю высоту родителя.
Пример тебе накидал: https://codepen.io/EugeneKarmyshkov/pen/WNjKKxj