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

Question

[Alice777]

Есть две секции. Первая и вторая секция имеет два блока, расположенных в один ряд.
Первая секция-оба блока в контейнере.
Вторая секция не должна центроваться контейнером(не в контейнере), но текст внутри блоков должен располагаться ровно по контейнеру.
В моем примере текст прилип к левому краю. Как расположить во второй секции контейнер, чтобы текст находился в контейнере?

https://jsfiddle.net/JohDak/sw1sx0bs/

Answer 1

[DTX]

Например, так:

p {
  float: right;
  width: 250px;
}

https://jsfiddle.net/wn7nmwx3/

Суть должна быть ясна

Upd:
В продвинутом варианте заменяет float на flex.

Comments

[Alice777]

Это то понятно,но все должно быть респонсив, подогнать конечно можно так, но если поменяется размер контейнера или красных и черных блоков?

[DTX]

Alice777: просто нужно задавать ширину внутреннего внутреннего блок исходя из ширины красных/чернов блоков.