html - 防止文本换行

Question

如何防止我的文本像这样中断:

我的代码:

#livbar {
  height: 20px;
  margin: 5px auto;
  width: 70%;
  border: #222;
  background-color: #222;
  text-align: center;
}

<div id="livbar">
  <p style="color: #d5d2d2; font: 11px 'PT Sans', sans-serif;">TEST:</p>
  <p style="color: #c0ac7f; font: 11px 'PT Sans', sans-serif; white-space: nowrap;">100%</p>
</div>

谢谢。

Answer 1

已解决，在代码中添加了display: inline。