CSS kullanarak liste öğelerinde satır kesmeleri nasıl önlenir

Bir etiket kullanarak bir menüde Özgeçmiş Gönder adlı bir bağlantı koymak çalışıyorum li. İki kelime arasındaki boşluk nedeniyle iki satıra sarılır. CSS ile bu sarma nasıl önlenir?

Kullanım white-space: nowrap;^{[1] [2]} ya da ayarı ile bu bağlantıyı daha fazla alana sahip liyüksek değerlere 'nin genişliği.

^[1] § 3. Beyaz Boşluk ve Kaplama: beyaz boşluk özelliği - W3 CSS Metin Modülü Seviye 3
^[2] beyaz boşluk - CSS: Basamaklı Stil Sayfaları | MDN

İçerik bir satıra sığacak kadar büyükse, satırın sonuna güzel bir "…" eklemek için bu küçük kod snippet'ini ekleyebilirsiniz:

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

Bunu seçici bir şekilde gerçekleştirmek istiyorsanız (yani: yalnızca belirli bir bağlantıya), normal bir alan yerine kırılmaz bir alan kullanabilirsiniz:

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

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

edit: Bu HTML, OP tarafından istendiği gibi CSS değil, ama bazı yararlı bulabilirsiniz anlıyorum ...

ekran: satır içi blok; bir liste öğesindeki kelimeler arasında kesilmeyi önleyecek

 li {
    display: inline-block;
 }

Bootstrap 4 adlı bir sınıfa sahiptir text-nowrap. İhtiyacınız olan şey bu.