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

by ils_user

HTML

<!doctype html>
<html>
    <head>
        <title>Page</title>
    </head>
    <body>
        <div>
            <div class="one">one</div>
            <div class="two">two</div>
        </div>
    </body>
</html>

CSS

.one {
                width: 100px;
                height: 100px;
                background: lightblue;    
            }
            .two {
                width: 100px;
                height: 50px;
                background: lightgreen;
            }
            .one, .two {
                display: inline-block;
                vertical-align: middle;
            }