Jak zapobiec łamaniu linii w elementach listy za pomocą CSS

Próbuję umieścić link o nazwie Prześlij CV w menu za pomocą litagu. Ze względu na spację między dwoma słowami zawija się w dwie linie. Jak zapobiec owijaniu za pomocą CSS?

Użyj white-space: nowrap;^{[1] [2]} lub daj temu linkowi więcej miejsca, ustawiając liszerokość na większe wartości.

^[1] § 3. Biała spacja i zawijanie: właściwość białych znaków - moduł tekstowy CSS poziomu 3 W3
^[2] białych znaków - CSS: Kaskadowe arkusze stylów | MDN

Możesz dodać ten mały fragment kodu, aby dodać ładne „…” na końcu linii, jeśli zawartość jest zbyt duża, aby zmieściła się w jednym wierszu:

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

Jeśli chcesz to osiągnąć selektywnie (tj. Tylko do tego konkretnego łącza), możesz użyć spacji niełamliwej zamiast zwykłej spacji:

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

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

edycja: Rozumiem, że jest to HTML, a nie CSS, zgodnie z żądaniem OP, ale niektórzy mogą uznać to za pomocne…

display: blok wbudowany; zapobiegnie przerwaniu między słowami w elemencie listy

 li {
    display: inline-block;
 }

Bootstrap 4 ma klasę o nazwie text-nowrap. Właśnie tego potrzebujesz.