Html 阻止表格单元格内容在内部换行<；小型>；要素

我正试图阻止

内容包装。表格单元格包含两个数字：值及其百分比。第二个数字应更小，并与第一个数字保持恒定的距离（无论值是多少），以便更好地对齐所有数字，以提高可读性

但是，当在某个点调整窗口大小时，单元格内容开始换行，并且

内容被放在新行中时，它会起作用

我希望浏览器将两个数字（整个单元格内容）视为一个整体文本

除了

之外，我还很乐意使用任何其他解决方案，这将有助于将较小的数字与较大的数字保持恒定的距离，同时解决包装问题

我使用bootstrap3

<td class="text-right">123,00<small class="text-muted fixed-width-45px">(23%)</small></td>

添加到表格单元格

.fixed-width-45px {
    width: 45px;
    display: inline-block;
}