Как сделать правильный перенос слов в мобильной версии в Tilda?

Каждый браузер имеет свои особенности в отображении данных. Мобильные браузеры не исключение.
Как же заставить мобильный браузер переносить грамотно слова?
Давайте наглядно посмотрим на проблему:

Вот такой вот перенос выдаст нам мобильный браузер..
Ширина получилась фиксированной, слово ПОЖАЛОВАТЬ просто не помещается.
Но почему тогда помещается АВТО-АТЕЛЬЕ ???
АВТО-АТЕЛЬЕ = 11 символов
ПОЖАЛОВАТЬ! = 11 символов
Проблема таиться в ширине написания спец. русских букв Ж, Ш, Ю, Ы, Щ + в авто ателье использован дефис.
Слово пожаловать просто не влезает целиком на строчку и его приходиться разрывать на границе блока. Браузер изменяет правила переноса и начинает разрывать все слова в этом блоке.

Чтобы этого не увидеть, то для длинных слов предлагаю использовать мягкий перенос ­
Это позволит избежать создания дублирующих блоков и уменьшения размера шрифта.
Браузер будет осуществлять перенос слов только в тех местах, которые вы ему указали.
Даже на экране шириной в 250px нам удалось добиться грамотного переноса слов.
Made on
Tilda