Html 在特定单词之间强制换行

我正在建立一个网站，我有一个标题，由一个长的第一个单词和两个短的单词组成

<h1>Looooooong short short.</h1>

而不是这个

Looooooong short
short

如何在HTML/CSS中实现这一点

---

您可能需要使用不可破坏的空间：

short short

对于较长的文本，这里有一篇很好的文章：

---

查看了媒体查询？理想情况下，我希望它能自动执行。据我所知，如果我决定改变字体大小，媒体查询可能会失败。还是我理解错了？你有没有考虑过把loooong这个词包装在一个元素中？然后，您可以使用媒体查询将其从块更改为内联（理想情况下，内联元素是自然的），具体取决于视口大小？不可破坏的空间？（短小）@tibo:*facepalm*真不敢相信我错过了。那正是我想要的，谢谢！如果你把它作为答复提交，我会接受的。

short short