Best (and worst!) ways to center WITHOUT flex or grid

People like to make fun of how hard it is to center things with CSS, and while we have flex and grid which make it super duper easy these days. Sometimes when someone complains about it, then gets a reply of "it's easy with flexbox", they reply "but what if you can't use flexbox or grid?". It's a dumb reply, but it did get me thinking a little.



⌚ Timestamps

00:00 - Introduction
01:06 - The criteria
02:09 - Technique #1 - line-height
04:52 - Technique #2 - tables
06:58 - Technique #3 - position absolute v1
10:15 - Technique #4 - position absolute v2
12:30 - Technique #5 - padding (with custom properties)



#css



--



Come hang out with other dev's in my Discord Community

💬 https://discord.gg/nTYCvrK



Keep up to date with everything I'm up to

✉ https://www.kevinpowell.co/newsletter



Come hang out with me live every Monday on Twitch!

📺 https://www.twitch.tv/kevinpowellcss



---



Help support my channel

👨‍🎓 Get a course: https://www.kevinpowell.co/courses

👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome

💖 Support me on Patreon: https://www.patreon.com/kevinpowell



---



My editor: VS Code - https://code.visualstudio.com/



---



I'm on some other places on the internet too!



If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.



Twitter: https://twitter.com/KevinJPowell

Codepen: https://codepen.io/kevinpowell/

Github: https://github.com/kevin-powell



---



And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!