Как выровнять 2 div посередине, относительно друг друга?

Question

[Ольга]

Есть 2 блока: один с картинкой, второй заголовок и текст. Как выровнять оба блока по центру по вертикали относительно друг друга?

Answer 1

[Андрей]

https://codepen.io/anon/pen/ewKWXG

Comments

[Ольга]

а как он выравнивается по центру по вертикали относительно картинки?

[Андрей]

текст внутри h1 и p центрируется с помощью text-align: center. Блок с картинкой центрируется с помощью margin: auto;

[Ольга]

всё, дошло. было много отступов сверху, которые и мешали выровнять

[Андрей]

https://codepen.io/anon/pen/qzKYpN

[Ольга]

Андрей, помогло, спасибо! забыла flex общему div-у задать