Как правильно выравнивать содержимое блока по центру по вертикали?

Question

[Наталия]

Добрый день!
вопрос такой:
есть такой код:
https://jsfiddle.net/nlynx/sd3du6me/

как сделать, чтобы в любом случае (при любом разрешении экрана) блок с текстом находился по середине относительно картинки?

заранее спасибо.

Answer 1

[Ankhena]

https://jsfiddle.net/osqhbox4/

Comments

[Ankhena]

Наталия что-то у вас оберток перебор какой-то

[Наталия]

Ankhena W: большое спасибо за ответ. все работает как надо! )

[ThunderCat]

Наталия: я бы добавил что vertical-align: middle; в .sub_text_block спокойно можно убрать, учитывая что он не предназначен для выравнивания блочных элементов.

Answer 2

[Семён Белоглазов]

Даешь тексту position: absolute и выравниваешь по top/left

Answer 3

[Anna_BS]

Если используете flex, то align-items: center к block1 и можно убирать вложенность(section7-block1-text)

Answer 4

[Abdula Magomedov]

.block1 {
    display: flex;
    align-items: center;
}