html - CSS vertical-align プロパティが機能しない

Question

こんにちは、次の CSS コードがあります。

.parent
{
    position : 'absolute';
    top : '50px';
    left : '50px';
    width : '400px';
    height : '160px';
    padding : '10px';
    border : '2px solid';
    border-color : '#444444';
    background-color : '#FF0000';
    text-align : 'center';
    /*display : inline; tried this also and didn't work.*/
}

.child
{
    color : '#123456';
    font-size : '16px';
    font-family : 'Arial';
    vertical-align : 'middle';
}

子のコンテンツを親 div の中央 (x と y) に配置したいだけですが、うまくいきません。親要素の上部にテキストしか表示されません。なにか提案を？ありがとうございました。