Как реализовать такой блок?

Question

[WebN00b]

Привет народ. Прошу прощение за качество фотографии

Есть два блока,оба они находятся в контейнере. Необходимо сделать так, чтобы текст был в контейнере, а фон был за ним.

Comments

[posters]

а в чем собственно проблема?
вложенность следующая:
-враппер адаптивный
---большой див с этими двумя контейнерами
-----первый див с бэкграундом серым
-------селектор <p> с вертикальной центровкой текста и падингами по бокам
-----второй див, но уже без бэкграунда
-------селектор <p> с вертикальной центровкой текста и падингами по бокам

Вот в принципе и все. Позиционируешь оба этих блока относительно друг друга флексами.
Как по мне, так это самый простой элемент которой только можно придумать для верстки.

Answer 1

[Lord_Dantes]

Делайте этот блок - без контейнера все просто.
Секция у нее два дочерних элемента, предположительно div. Секции задаете display: flex; и нужные настройки.
первому блоку даете фон, второй просто оформляете. Ничего сложного.

Answer 2

[MisTFoR]

Мне сразу пришла мысль использовать Flex, но самый первый ответ меня опередил.