Html 如何使某些短语显示在一行，而不考虑屏幕大小

我有以下标题

约翰·史密斯美术

我怎样才能设计出这样的风格，使“美术”这个词始终在一行，而不必根据屏幕大小改变字体大小？例如，随着窗口变小（例如在I-Phone上），标题可能会显示为

John Smith Fine
Art

我可以吃

John Smith Fine Art

或

---

但当“精细”和“艺术”之间有一条线断裂时，就不会像第一个例子那样了。我怎样才能做到这一点？如果“Fine Art”是一个词，那么这将实现我的目标，因此理论上我可能会在“Fine Art”之间添加一个uuu，并使用CSS对其进行样式化，使其不可见，从而产生空间的效果，但这将影响我的搜索引擎优化。

你应该使用

（不间断空间）单词之间的字符，表示不应在此处断行

---

示例：

John Smith Fine Art

我希望能找到这样一个简单的解决方法

John Smith
Fine Art