Better method to make flex children full height and text centered?

So, this is my code https://play.tailwindcss.com/VhJeG1iMb3. It's tailwind, the classes represent the style that is being applied (if you hover over the class you can see it).

What I want to do is make the div full height and with the text centered, I achieved it but I had to make it self-stretched and a flexbox and then align the items in center. I was wondering if there was a better method to do it.

Tailwind Play

An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.

b1mind•12/28/22, 6:45 PM

So you want Just Text to be full height of its parent? Cause it is right now but you have padding on the parent

Bb1mind So you want Just Text to be full height of its parent? Cause it is right now but...

lkoOP•12/28/22, 7:28 PM

I want it to be the same height as the search bar but without setting it manually

b1mind•12/28/22, 7:29 PM

what you are doing works fine then

Bb1mind what you are doing works fine then

lkoOP•12/28/22, 7:35 PM

I know it works fine but it just seems weird to me that I have to stretch it, create a flexbox and then align the items just to do that. But if that's the only way, it's fine, i just wanted to know if there was a simpler way

b1mind•12/28/22, 7:39 PM

height will never stretch on flex child elements unless you tell it

b1mind•12/28/22, 7:39 PM

its not like width: auto on defaults

b1mind•12/28/22, 7:40 PM

Grid children will by default though

lkoOP•12/28/22, 7:45 PM

Thanks @b1mind