How-to Line up Text and a Button Vertically in the Center

Not Vertically Lined up Using Two Equal Height Columns

Me and this button are in separate columns on the same row. The row we are in has equal height turned on. Sadly, we both won’t line up in the centre on the vertical axis.

Subscribe

Vertically Lined up Using Flex

We are both in one column. We vertically line up perfectly thanks to flexbox!

Subscribe

Show me the Code

Copy to Clipboard
Copy to Clipboard

Questions or Comments?

If something isn’t clear or if I missed something, please leave me a comment below.

Buy Me a Coffee at ko-fi.com