Come prevenire le interruzioni di riga negli elementi dell'elenco utilizzando CSS

Sto cercando di inserire un link chiamato Invia riprendi in un menu usando un litag. A causa dello spazio bianco tra le due parole, si avvolge su due righe. Come prevenire questo wrapping con CSS?

Usa white-space: nowrap;^{[1] [2]} o dai a quel link più spazio impostando lila larghezza su valori maggiori.

^[1] § 3. Spazio bianco e avvolgimento: la proprietà dello spazio bianco - Modulo di testo CSS W3 livello 3
^[2] spazio bianco - CSS: fogli di stile a cascata | MDN

Puoi aggiungere questo piccolo frammento di codice per aggiungere un bel "..." alla fine della riga se il contenuto è troppo grande per adattarsi su una riga:

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

Se vuoi raggiungere questo obiettivo in modo selettivo (cioè solo per quel particolare link), puoi usare uno spazio non-break invece di uno spazio normale:

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

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

modifica: capisco che questo è HTML, non CSS come richiesto dall'OP, ma alcuni potrebbero trovarlo utile ...

display: blocco in linea; impedirà l'interruzione tra le parole in una voce di elenco

 li {
    display: inline-block;
 }

Bootstrap 4 ha una classe denominata text-nowrap. È proprio quello di cui hai bisogno.