CSSを使用してリストアイテムの改行を防ぐ方法

タグを使用してメニューに[ 履歴書を送信 ] というリンクを配置しようとしていますli。2つの単語の間に空白があるため、2行に折り返されます。CSSでこの折り返しを防ぐ方法は？

white-space: nowrap;^{[1] [2]を}使用するか、liの幅をより大きな値に設定して、リンクのスペースを増やします。

^[1] §3.空白と折り返し：空白のプロパティ-W3 CSSテキストモジュールレベル3
^[2] 空白-CSS：カスケードスタイルシート| MDN

コンテンツが1行に収まるように大きすぎる場合は、次の小さなコードスニペットを追加して、行の末尾に「…」を追加できます。

li {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}

これを選択的に（つまり、その特定のリンクに対してのみ）達成したい場合は、通常のスペースの代わりに改行しないスペースを使用できます。

<li>submit&nbsp;resume</li>

https://en.wikipedia.org/wiki/Non-breaking_space#Encodings

編集：これはHTMLであり、OPによって要求されたCSSではないことを理解していますが、一部の人はそれが役立つと思うかもしれません…

表示：インラインブロック; リストアイテムの単語間の区切りを防ぎます

 li {
    display: inline-block;
 }

Bootstrap 4には、という名前のクラスがありtext-nowrapます。それはまさにあなたが必要とするものです。