Please forgive my newbie question: I want to vertically align some text in a div tag, how do I do it? I read the CSS2 documentation, and I am a little confused. I thought that what I should do is wrap my text in second div tag and set the div's vertical align property to "middle." Here's the code:

Code:
div.vcentered {
	font: normal normal bold 12pt Arial;
	height: 50px;
	vertical-align: middle;
}

...

<div>
	<div class="vcentered">Make me vertically centered!!</div>
</div>
I thought that this might do the trick but it doesn't. Any suggestions? The things I've read so far seem pretty convaluted.

Thanks