Как центрировать блоки по вертикали в секции с относительной высотой?

Question

[followthemadhat]

Имеется следующая структура:

<section>
  <wrapper>
    <div1 float left>
       <содержимое>
       ...
    <div2 float right>
       <содержимое>

Высота секции задана относительно. Нужно центрировать содержимое дивов по вертикали. Без использования флексбоксов.

Пробовал способы описанные здесь htmlhero.ru/post/14417331299/centrirovanie-v-bloke... но не получается. Может я что-то неправильно делаю..

Comments

[devstudent]

давайте пример -ссылку и решим

[followthemadhat]

codepen.io/anon/pen/MyPovg

Answer 1

[Сергей Тутуков]

codepen.io/STutukov/pen/QNZgLV

Comments

[followthemadhat]

про секцию забыли, нужно чтобы враппер был центрирован вертикально в секции codepen.io/anon/pen/MyPovg

[Сергей Тутуков]

Это был пример выравнивания:)
Я думал вы разберётесь.. .
codepen.io/STutukov/pen/XdxVKR - лишнее удалите.

Будут вопросы, пишите.

[followthemadhat]

Спасибо! Вроде то что нужно..

Answer 2

[Сергей Горячев]

А флексы чем не угодили? Идеальное же решение, без костылей.

Comments

[followthemadhat]

флексы не угодили своей поддержкой, а так конечно легко бы сверстал

Answer 3

[deeppines]

https://jsfiddle.net/0xnwod1d/

Answer 4

[Максим]

как вариант можно применить:
display:table;
но можно используя в CSS простую арифметику подробнее тут htmlbook.ru/css/calc