Как выровнить тег div внутри тега div по центру по вертикали

Как выровнить тег div внутри тега div по центру по вертикали???
По горизонтали не вопрос а вот как это по вертикали сделать???

Код (Text):

1. <div style="border:2px solid red; width:500px; height:500px; text-align:center;">
2.     <div style="border:2px solid red; width:200px; height:200px; vertical-align:bottom;">
3.     </div>
4. </div>