How to break a line from js?

Question

css

Hello, there is such a situation:

(in the picture "as it should be")
The title comes in one line and "We to you" remains on the first line. I can, of course, hang a listner in the window resize component, and as soon as I have Npx wide, replace the 13th character in the line (space after `?` ) with `\n`, but it seems to me that this is very "not very " way..

Answer 1

.header {
  white-space: pre-line;
}

Demo.

Answer 2

Is using the br tag not an option?

Answer 3

Add br tag inside header using js

Answer 4

Try css on breakpoint to reduce line size

Answer 5

Insert non-breaking spaces between the words of the second line, as an option