Расстановка «мягкого» переноса

Иногда длинные слова не помещаются в отведенное им пространство:

Автоматические средства переноса (word-wrap: break-word) работают не очень хорошо:

Лучший способ — расставить в слове невидимые «мягкие» переносы. Они отличаются от обычных дефисов тем, что видны только тогда, когда необходимо. Но так как символ «мягкого» переноса невидим, расставить его не так просто. Для этого потребуется специальный инструмент:

Посмотрим, что получилось и как ведет себя подготовленная строка.

Когда ширины достаточно, слово выглядит как обычно:

Но если слово попадает в узкое пространство, перенос слова появляется ровно в нужном месте:

Шикарно!