Comment éviter les sauts de ligne dans les éléments de liste à l'aide de CSS

J'essaie de mettre un lien appelé Soumettre CV dans un menu à l'aide d'une libalise. En raison de l'espace entre les deux mots, il se compose de deux lignes. Comment empêcher ce wrapping avec CSS?

Utilisez white-space: nowrap;^{[1] [2]} ou donnez plus d'espace à ce lien en définissant lila largeur de la valeur sur des valeurs supérieures.

^[1] § 3. Espace blanc et habillage: la propriété espace blanc - Module de texte CSS W3 niveau 3
^[2] espace blanc - CSS: feuilles de style en cascade | MDN

Vous pouvez ajouter ce petit extrait de code pour ajouter un joli "…" à la fin de la ligne si le contenu est trop grand pour tenir sur une seule ligne:

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

Si vous souhaitez y parvenir de manière sélective (c'est-à-dire uniquement vers ce lien particulier), vous pouvez utiliser un espace insécable au lieu d'un espace normal:

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

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

edit: Je comprends qu'il s'agit de HTML, pas de CSS comme demandé par l'OP, mais certains peuvent le trouver utile…

affichage: bloc en ligne; empêchera la rupture entre les mots d'un élément de liste

 li {
    display: inline-block;
 }

Bootstrap 4 a une classe nommée text-nowrap. C'est exactement ce dont vous avez besoin.