Нужно выровнять дочерние блоки относительно друг-друга по-середине: http://jsbin.com/jajufidoyu/2/edit?html,css,output На примере - синий блок, нужно выровнять относительно красного по его центру, в зависимости от его высоты. Таких блоков много, потому решение нужно универсальное, а не для каждого блок отдельное.
Вертикальное выравнивание по типу таблицы: HTML: <div class="wrapper"> <div class="box"></div> </div> Код (CSS): .wrapper { display: table; width: 100%; } .box { display: table-cell; height: 100px; text-align: center; vertical-align: middle; }
На моем примере это можно сделать? --- Добавлено --- Помогло родительскому display:flex; а синему margin:auto;