Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   выравнивание div внутри div (https://javascript.ru/forum/xhtml-html-css/36995-vyravnivanie-div-vnutri-div.html)

ilnurgi 03.04.2013 15:03

выравнивание div внутри div
 
Вложений: 1
<html>

    <head>
        <meta charset='utf-8'>
        <title>title</title>

    </head>

    <body>
        <div style='
            background-color: #999999; 
            padding: 10px;'>
            <div style='
                background-color:red;
                width:100px;
                height:100px;
                float:left;'>1
                </div> 
            <div style='
                background-color:blue;
                width:50px;
                height:50px;
                float:left;'>2
                </div>
            <div style='clear:left;'></div>
        </div>

    </body>

</html>

как выравнить синий див относитльно красного. Чтобы получилось как на втором рисунке

animhotep 03.04.2013 15:18

например так http://codepen.io/anon/pen/FplsE


Часовой пояс GMT +3, время: 14:55.