Hi,

I a couple of areas on a website that covers 100% viewport height, inside these I have a paragraph of text which I want to always be vertically centered.
Using the table, table-cell approach works fine, IF I put the table-height in pixels. The thing is I don't want to do that.

Is there a way to solve this?

Code HTML4Strict:
<div class="table">
<p></p>
</div>

Code CSS:
.table{
display: table;
height: 100%;
}
 
p{
display: table-cell;
vertical-align: middle;
}