Как сделать перенос слов через дефис в тексте черес CSS?
Hyphens просто не везде поддерживается https://developer.mozilla.org/en-US/docs/Web/CSS/h...
Альтернатива — использовать JS-библиотеку, например, https://github.com/mnater/hyphenator (демо mnater.github.io/Hyphenator)
Но, боюсь, из коробки он не знает четких правил переноса в русском языке.
Самое простое и кросс-браузерное решение, это расставить в тексте мягкие переносы на этом сервисе и вставить полученный html.