Javascript 两个元素之间的不间断空间

我想问，如何在第一个元素的末尾添加不间断的空格，以便第二个元素与第一个元素保持一致。我不能使用一个元素，因为第一个元素中的文本带下划线，第二个元素不带下划线。所以我必须使用两个跨度，但我不知道如何在它们之间添加不间断的空间。我想让号码和上一个文本在同一行

div{ 宽度：105px； 边框：1px000； } 跨度a{ 文本装饰：下划线 } 跨度b{ 颜色：橙色； } 文本，文本，文本，文本，最后文本 5.

---

请记住，在HTML中，包括换行符和缩进在内的所有空白都折叠为一个空格。因此，要执行您想要的操作，您需要在第一个跨距的末尾没有任何空格，在下一个跨距的结束标记后面没有空格，在下一个跨距的开始标记和结束标记之间没有空格，在第5个跨距之前的下一个跨距的开始处没有空格：

div{ 宽度：105px； 边框：1px000； } 跨度a{ 文本装饰：下划线 } 跨度b{ 颜色：橙色； } 文本，文本，文本，文本，最后文本5

---

您可以只在第二个跨距中添加填充，如

跨度b{ 左：1米； }