I'm looking for a way to add a line break if the screen width is smaller than X.

Half of the text should stay on the next line, instead of just one word, on smaller screen width.

---

**Normal view on big screens:**

![Big screens](https://i.stack.imgur.com/M0o4z.png)

**Normal view on smaller screens:**

![Smaller screens](https://i.stack.imgur.com/M0rOr.png)

**Wanted result on smaller screens:**

![Wanted result](https://i.stack.imgur.com/hCwUV.png) 

*Thinner text is not related*

---

I'm looking for a way to do it with CSS.