Вертикальное выравнивание DIV

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
        <title>
    </title>
</head>
<body>            <div id="contentnews">
                <div id="imgnews">
                
            </div><!--imgnews-->
                <div id="textnews">
                    sdfsdfsdf
                    sdf
                    s
                    dfs
                    df
                    s
                    df
                    sdfsdfsdgsasdfgsdfg
                    sdfsdfsdfsdfsdfsdfsdfsdfsdgsasdfgsdfg
                    sdfsdfsdfsdfsdfsdf
                    sdfsdfsdgsasdfgsdfg
                    sdfsdfsdfsdfsdfsdfsdfsdfsdgsasdfgsdfg
                    sdfsdfsdfsdfsdfsdfsdfsdfsdgsasdfgsdfg
                    sdfsdfsdfsdfsdfsdf
                </div>
        
</body>
</html>

CSS

#imgnews{width: 100px;
                height: 100px;
                background: lightblue;}       
#textnews {
                height: 50px;
                background: lightgreen;}
#imgnews, #textnews  {
                display: inline-block;
                vertical-align: middle;
            }