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? Leave me a comment.

If you found this post helpful, consider supporting me.
Powered by Ko-fi Button Plugin running on Avada