Вёрстка: Мягкий перенос строки в HTML

Спецсимвол ­ в HTML обозначает мягкий перенос строки. Этот символ является неразрывным пробелом, который может превратиться в перенос строки при необходимости. Он полезен для задания мест, где допустимо разбиение длинных слов при изменении размера окна браузера или на устройствах с различной шириной экрана.

<p>Эйя&shy;фьяд&shy;лай&shy;ёк&shy;юдль</p>

Если ширина окна браузера или устройства не позволит отобразить слово Эйяфьядлайёкюдль полностью, оно будет перенесено по месту вставленного символа ­. В зависимости от ширины это может выглядеть примерно так:

Эйя-
фьяд-
лай-
ёк-
юдль