Comments on: How to vertically center text in a div using CSS

By: Ali

Ali — Sat, 05 Nov 2011 06:07:11 +0000

I like that ~)

my regards..

Andrew Howard — Fri, 30 Sep 2011 09:00:01 +0000

Mehreen Baakza — Tue, 17 May 2011 21:03:44 +0000

@Aaron – I believe IE7 does not support that method.

Issac Maez — Fri, 13 May 2011 05:00:25 +0000

Great Post, Thx! Thank you for sharing this!

Aaron — Mon, 10 Jan 2011 16:16:42 +0000

It may be easier to rely on vertical-align: middle. You should be able to do display: table-cell and make your div act as if it is a td element.

So your CSS would be:

div { display: table-cell; height: 100px; text-align: center; vertical-align: middle; width: 300px; }

Lyndon — Thu, 23 Dec 2010 04:23:25 +0000

How the heck do I align it dynamically centered(vertically)

Leels — Thu, 04 Mar 2010 04:58:14 +0000

I have to admit, I always end up using a table instead. This makes it so much easier.