Как ограничить контентную часть только с одной стороны?

Question

[koshotayl]

Это обычный контейнер, который ограничивает контентную часть и выравнивает по центру экрана, как сделать, только ограничивало слева, а справа на 100% или на определённую ширину?

width: 100%;
  max-width: 1336px;
  padding: 0 15px;
  margin: 0 auto;

На первом рисунке дефолт, на втором что хотелось бы получить

Comments

[koshotayl]

соответственно, на втором рисунке уже будет не 1306 а больше

[Steppp]

Так сделай

margin-left: 20%
width: 100%;
max-width: 1336px;
padding: 0 15px;

Answer 1

[Ankhena]

margin-left: calc(50% - половина-ширины-контента);

https://jsfiddle.net/s3cz027d/