Как сделать так, чтобы отступ не уходил в отрицательное значение?

Question

[derasoft]

Я пытаюсь сделать отступы на сайте таким образом, чтобы текст находился на фоне картинки шириной в ~1450 пикселей с небольшим отступом, и написал для этого следующий код

margin: 0px calc(50vw - 650px);
max-width: 1300px;

Однако после этого, если ширина экрана меньше 1300px (например, я открыл браузер на полэкрана) второй параметр margin принимает отрицательное значение. Если же я меняю margin следующим образом:
margin: 0px max(calc(50vw - 650px) , 0);
Это значение теперь всегда равняется нолю (вероятно, эта функция тупо не работает). Что я делаю не так?

Comments

[Сергей Сергей]

0px

[Ankhena]

вероятно, эта функция тупо не работает

Привет учителю математики.
Действительно странно, почему получается 0, если второе число отрицательное при ширине меньше 1300...

Если бы вы хотя бы приложили картинку, то нам было бы легче понять, что вы там творите.

Пока похоже, вам нужно, чтобы текст был по центру. Но не знаете про margin auto и свойство padding. Но у шарика сегодня выходной, работает не очень.

Answer 1

[Anonymous Penguin]

Будет лучше, если вы покажете соответствующий фрагмент HTML и CSS
Попробуйте это:
margin: 0 auto;

Comments

[derasoft]

Спасибо большое, я действительно забыл о самом простом решении