
The CSS vertical align property works smoothly with tables, but not with divs or any other elements. I thought it should be used like the classic “text-align” property. When I started working in front-end development, I had a little trouble with this property. Let's Talk About the CSS Vertical Align Property I've seen enough people struggling with it, and I keep spotting some "critical" errors in the wild, when it comes to true responsive design.īut fear not: if you've been struggling with CSS vertical align - like my colleague may have been - you've come to the right place. In terms of CSS vertical align mastery he is a dummy.Īnyway, getting your content correctly aligned, pretty and basically awesome isn't an easy chore in CSS. He once told me he was still using in his markup. You see, my colleague Ricardo - the bulky, bearded guy - is a self-confessed CSS dummy.

Maybe, just maybe, I've embellished the tale. It might not have gone exactly like this. Alex Santos, Esquire, Master of CSS, is at your service." What can I say I’m a sucker for a sob story.

And it went up, way up, all the way to IE6. Centering a piece of content vertically was a huge mess littered with red tape.

The silly dope didn’t know what he was getting himself into. And you know what? Everyone’s struggling with this, it can be a huge case - think class action and everything.” I’m having problems centering my content. He dropped his laptop on my desk to show me a screen filled with pulsating frogs and empty lily pads. Maybe it was his pale complexion, but I knew this guy was all sorts of late night trouble. Looked like he hadn't slept since CSS3 was announced.

I didn’t breathe before a bearded, bulky man with a prizefighting nose barged into the office. I felt the weight of a grey week of work ahead of me as I brushed off my notes for a complicated case of CSS variables. "CSS vertical align has me on the ropes!"ĩ AM sharp.
