How to adapt a long word in a title that is longer than the screen width?

Question

css

What property should be set for the text to be wrapped?
In my case, there is a heading

Художественные рисунки

Where it fits in the width of the mobile screen only Художествен, and after that there is scrolling to the side, but there is already a white background, and belowрисунки.

Художествен
  рисунки

What should I do with this title without changing the words?
How can it be made auto-portable with a dash?

Answer 1

Hyphenation