Elsewhere: Getting Vertical With CSS
Posted by Kyle Weems on July 29, 2010Over at the Mindfly Studio Blog I’ve added a small tutorial on how to vertically align your text with CSS. Yes, it annoys the hell out of me to use display: table-cell (which was the source of Monday’s comic on this very topic), but for now it’s the best thing we’ve got. If you’re wrestling with just this, pop on over for a simple explanation.
If you’ve got a better method, please tell me in the comments. I’m open to new and strange things, like Texan sushi.
I’ve also felt like display table-cell was too much like trying to stay friends with an ex. So, in a pinch, I’ll use a mix of line-height and display inline-block to get a fixed height container to vertically align its child elements. Works with IE7 too. http://georgehess.com/death2tables/