Как верстать высокие блоки с блоками информации по центру (вертикально,а не горизонтально)?

Question

[Влад Серов]

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

Например, блок шапки по высоте 600 пикселей, по середине (сверху и снизу) должен быть заголовок и может быть кнопка.
Или блок где высота 600 пикселей, стоит слева видео, а справа форма подписки, они уже блока.

Как такие блоки выравниваются, есть некий "vertical-align: middle" для блоков? Верстаю на Bootstrap, может есть готовые решения?

Answer 1

[Дмитрий]

Есть Flexbox
Конкретно, для контейнера

display: flex
align-items: center

Comments

[Дмитрий]

flexbox.help посмотрите, там все очень наглядно

Answer 2

[Виталий Сазанов]

Самый удобный способ выравнивания (особенно вертикального) - это flexbox.
Но есть множество других решений, если нужна поддержка старых браузеров.

Вот тут они собраны практически все: https://css-tricks.com/centering-css-complete-guide