Как правильно выровнять плавающий блок по вертикали относительно родителя в данном случае?

Question

tostername @tostername

CSS

Как правильно выровнять плавающий блок по вертикали относительно родителя в данном случае?

Высота левого блока меняется.

#container
{
  background: grey;
  display: inline-block;
  width: 100%;
}
#left-block {float: left; font-size:74px;}
#right-block
{
  float: right;
}

<div id='container'>
  <div id='left-block'>Left</div>
  <div id='right-block'>Right</div>
</div>

https://jsfiddle.net/hqprgL4x/3/

Вопрос задан более трёх лет назад
160 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2016-09-09 15:50:05

Максим @maxnrg33

верстальщик

flexbox или

#container
{
  display: table;
  width: 100%;
}
#left-block,
#right-block {
 display: table-cell;
 vertical-align: middle;
}

Ответ написан более трёх лет назад

2 комментария

Как правильно выровнять плавающий блок по вертикали относительно родителя в данном случае?

Войдите на сайт