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
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
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.