СВОЙСТВО MAX-WIDTH

Свойство max-width устанавливает максимальную ширину элемента. Данное свойство не работает для строчных элементов.

Поддержка браузеров

max-width: единицы измерения|проценты|initial|inherit;

Значение	Описание
единицы измерения	Определяет максимальную ширину в px, pt, em и др. Значение по умолчанию равно 0. Подробнее о единицах измерения в CSS.
проценты	Определяет максимальную ширину в процентах от ширины родительского элемента.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<p class="paragraph-1">
    Элемент без максимальной ширины.
</p>

<p class="paragraph-2">
    Элемент с максимальной шириной 150px.
</p>

HTML

.paragraph-1,
.paragraph-2 {
    background-color: beige;
}

.paragraph-2 {
    max-width: 150px;
}

CSS