4 replies to this topic

[Chris.]

I'm trying to align sometime vertically in a 25px high block of CSS. I tried using the "vertical-align: middle" attribute, but that didn't work, I looked online for a little bit, and found this,

DIV.container {
	min-height: 10em;
	display: table-cell;
	vertical-align: middle }

but that didn't work either. I want my text to be centered vertically in my block, but I can't, for the life of me, figure out how to do it.. Please help

[MyFlash13]

See if this helps:

http://www.w3schools...tical-align.asp
http://www.w3schools.com/Css/tryit.asp?fil..._vertical-align

[Chris.]

The vertical align attribute didn't work either... I mean, I got it centered vertically using padding, but there has to be a better way to do it...

[rc69]

http://www.google.co...vertical+center

[harry819]

use this code

<STYLE type="text/css">
 #container { width: 100%; height: 100%; display: table; }
 #position { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
 </STYLE>

Edited by harry819, 19 February 2009 - 01:15 AM.