Vertically Aligning Text

[lastradius]

I have created a webpage with 3 div tags #top, #center, #bottom. Each div has been assigned a width measurement of 100% and their height measurements are in percentage and collectively add up to 100%. The #top div has a single line of introductory text which I have horizontally aligned with

text-align: center;

Now I am trying to vertically align the text in the middle of the div. The tag takes up 32% of the browser window. I have attributed the following code to my div tag #top, but it's creating way to much space

padding-top: 50%;

I am assuming that the div tag is a block element and that a 50% attribute will place my text in the middle of the space created by the div tag. Obviously this is not the best way to approach this problem. I would be grateful for the best solution to the problem.

Thanks in Advance Last Radius

[tmapm]

have you tried vertical-align: center; ? PErhaps you can even try padding-top: auto; padding-bottom: auto;

I'm not that fluent in CSS yet, but those are some ideas you can try to play around with to see if they can produce the results you want.

I suggest you post your code up so others who actually know what they are doing can play around and figure out the problem