Как сверстать и отцентрировать?

Question

[rootnoroot]

вот такое, сижу, туплю
общий контейнер по всему сайту 1222пикс
вот этому блоку задаю
padding-left: calc((100% - 1222px)/2);
слева текстовый блок, справа изображение
которое будет идти от цетра к правому краю за пределы

так вот пролблема теперь как сделать центр?
если я в контейнере ставлю 2 блока, даю им ширину по 50%, то это не центр страницы уже , а центр контейнера
вот что получается


какие размеры задать левому и правому блоку, дабы между ними был центр - уентр страницы?
надеюсь понятно

Comments

[Ankhena]

Гуглить статьи по "css контент по центру, фон по ширине".

А так, банальная математика

[rootnoroot]

Ankhena, именно такого ответа и ждал
спасибо, что помогли

"css контент по центру, фон по ширине"
сами то гуглили по такому запросу? это вообще не с той оперы
мне не контен по центру нужен, а найти центр в блоке, который с лева имеет отступы а справа не имеет

[Ankhena]

rootnoroot, первая же статья https://sitist.ru/info-centering-blocks.htm

[imko]

rootnoroot, контент по центру тебе нужен, в гайде будет как блок с контентом центрировать, тебе его останется пополам поделить просто

Answer 1

[Антон Романков]

Можно контейнеру задать display: flex, внутренним блокам — flex: 1, а картинку как background поставить и задать ей нужное положение.

Набросал пример: https://codepen.io/romant094/pen/eYxvqeQ

Можно сделать и с помощью одного блока, в котором будет находиться фон, но им сложнее манипулировать, как мне кажется.