Правильные переносы текста

Только недавно столкнулся с тем, что почти никогда не учитывал в разработке как переносится текст. А именно - игнорировал правило висящих предлогов. Оно важно чтоб текст читался легче и просто выглядел лучше. Чаща всего это не учитывалось на адаптиве, ведь там текст начинается просто ужиматься под ширину контейнера/экрана.

Просто способ это исправить - неразрывные пробелы между предлогами и словом ща ним -   . Но если речь идет о системном тексте, который не приходит с бэкенда, то тебе будет нужен символ из unicode - u00A0 .

Почему же?

Дело в том что   будет работать если мы вставим его напрямую в html/jsx/vue-template . Но если мы хотим хранить текст в переменной как строку и не хотим использовать innerHtml, то лично мной другого решения не было найдено, кроме как символа unicode.

Менторство от автора - @H8err | getMentor.dev