Pixel2Life Forum > vertical align

Pixel2Life Forum > Help Section > HTML, XHTML, CSS and General Web Design

Chris.

Feb 12 2009, 02:41 PM

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,

CODE

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

Feb 13 2009, 08:36 AM

See if this helps:

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

Chris.

Feb 13 2009, 02:48 PM

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

Feb 13 2009, 07:53 PM

http://www.google.com/search?q=css+vertical+center

harry819

Feb 19 2009, 01:12 AM

use this code

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>

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.