Автоматическая расстановка переносов не работает, несмотря на отсутствие конфликта в родительском CSS ⇐ CSS

[Anonymous]

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

.myText { цвет: #ffffff; преобразование текста: верхний регистр; шрифт-вес: 700 !важно; размер шрифта: 35 пикселей! важно; высота строки: 1 !важно; максимальная ширина: 320 пикселей; overflow-wrap: прерывание слова !важно; дефисы: авто !важно; } слово разбивается правильно, но дефис в конце не добавляется.

Что я сделал в попытке решить эту проблему, так это использование

перенос слов: разрыв слова; -webkit-дефисы: авто; -moz-дефисы: авто; и исследуем родительские элементы, чтобы увидеть, есть ли у них определенные правила переполнения, которые переопределяют те, которые я дал .myText (а их нет)