如何避免在CSS中包装文本

Question

我有一个我正在构建的新网站，当有空格时，CSS会强制h2标签内的任何文本进行换行。 Here的网站：

这是问题所在：

如果我将“低费用”放在一起没有空格，甚至添加几个字符（“LowFeesABC”），它会保持在一起并且不会换行。我不太清楚CSS知道如何将文本保持在一起。有任何想法吗？

Answer 1

它包装，因为元素上设置了固定的宽度，文本“LOW FEES”不适合该宽度。简单地删除width:90px删除包装。

Answer 2

#topPanel h2 {
    white-space: nowrap;
}

https://developer.mozilla.org/en-US/docs/CSS/white-space