Css 字母的结尾行

我试着把文本放在一个固定宽度的div中，在一个字母而不是一个单词上断开。我真的想不出一个解释的方法，所以我举了一个小例子。任何帮助都将不胜感激

现在发生了什么

|Hello   |
|World!  |

我想要的是：

|Hello Wo|
|rld!    |

---

换行：断开单词

根据CSS W3规范：

一个牢不可破的“词”可能在某个时候被打破
一个任意点，如果没有
在其他情况下，可接受的断点
排队。塑造人物形象仍然是一个难题
这个词的形状好像没有被打破，
而石墨烯簇必须结合在一起
待在一起

+1为明确的期望行为的例子谢谢，这正是我想要的。