Сделайте горизонтально выравнивать divs вертикально выровненным на странице ⇐ Html

[Anonymous]

Я пытаюсь сделать эту работу уже два дня ... < /p>

Что мне нужно, так это то, что Div Ex3 разрывается, Div Ex2 одновременно разрывается и делает Ex3 на один шаг вперед. Meaning when ex3 breaks, ex2 should be placed in the middle of ex1 and ex3 like this:

from:

ex1ex2ex3

to:

ex1

ex2

ex3

..., но самое дальнейшее, что я могу принять это, - это:

ex1

ex2ex3 < /p>

Надеюсь, я достаточно понятен ... < /p>

http://jsfiddle.net/60ludm5/5/5/5/5/5/> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> /> />/5/5/5/5/5/5/5/> /> />
/> html: < /p>






< /code>

css: < /p>

#ex1, #ex2{
height:100px;
width:100px;
margin:0px 5px 5px 0px;
background:#000000;
float:left;
display:inline;
}

#ex3 {
height:100px;
width:100px;
margin:0px 5px 5px 0px;
background:#000000;
float:left;
display:inline;
margin-right:0;
}

#breaker {
border:2px solid grey;
display:inline-block;
min-width:20%;
}

#ultimatebreak {
border:2px solid grey;
width:50%;
display:inline-block;
}


Подробнее здесь: https://stackoverflow.com/questions/264 ... page-break