当文本中有空格时，如何防止自动换行

Question

我有这个代码来显示类别名称。当有两个单词之间有空格时，我遇到了自动换行的问题。

这是CSS：

.post-item .cat {
height: 25px;
display: inline-block;
background: #CC0000;
font-size: 11px;
padding-left: 10px;
color: #FFF;
line-height: 23px;
position: relative;
float: right;
margin-left: 10px;
margin-top: 10px;
}

它显示了2行的类别名称。

我想将文字放在一行中：

picture news

而不是这样：

picture
  new

例如：

Answer 1

也许：

.dont-break-the-line {
    white-space: nowrap;
}

请参阅this doc。