CSS Forum

**Nathand** · 09-08-2007, 08:08 PM

Hi, I'm trying to align some text vertically. It's not working. Here's my code:

Code:

<html>
<head>
<style type="text/css">
div.container 
{
display: table-cell; 
vertical-align: middle; 
background-color: red; 
color: chartreuse;
height: 100%; 
}

</style>
</head>
<body>

<div class="container">
Hell World.
</div>

</body>
</html>

If I change the height of the "container" div to a percent or em value it works great (the text is centered), but it doesn't work with percents.

Thanks for the help,
Nathan

**maxxximus** · 09-09-2007, 07:34 AM

There is poor support for display:table-cell so cant see much benefit to using it.

If you have tabular data a table is much better equipped to display it correctly with vertical align etc.

**danfinney** · 09-09-2007, 09:11 AM

Give these a read:

http://www.jakpsatweb.cz/css/css-ver...-solution.html

http://www.student.oulu.fi/~laurirai/www/css/middle/