overflow-wrap
Свойство overflow-wrap управляет переносом слов, которые не помещаются по длине в родительский элемент.
Пример
<p>
Работал у нас на заводе
как-то отменный профессионал —
автомотовелофототелерадиомонтёр.
</p>
p {
overflow-wrap: normal;
}
normal — длинные слова или строки с неразрывным пробелом не переносятся, даже если выходят за границы родителя (значение по умолчанию).
break-word — слово разбивается в любом месте, если не помещается в размеры, заданные родительскому элементу. Правила мягкого переноса не учитываются.
anywhere — как и при значении break-word, слово разбивается в любом месте, но во внимание берутся правила мягкого переноса. Это сильно заметно, если родителю в качестве значения ширины задано min-content. Браузер расставляет мягкие переносы на своё смотрение.
👉 @seniorFront