Як запобігти розривам рядків у елементах списку за допомогою CSS

Я намагаюся помістити посилання під назвою Надіслати резюме в меню за допомогою liтегу. Через пробіл між двома словами він загортається до двох рядків. Як запобігти цьому обгортанню CSS?

Використовуйте white-space: nowrap;^{[1] [2]} або надайте цьому зв’язку більше місця, встановивши liширину на більші значення.

^[1] § 3. Пробіл та обгортання: властивість білого простору - текстовий модуль W3 CSS Рівень 3
^[2] пробіл - CSS: Каскадні таблиці стилів | MDN

Ви можете додати цей невеликий фрагмент коду, щоб додати хороший "..." до кінця рядка, якщо вміст має великий розмір, щоб вміститися в одному рядку:

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

Якщо ви хочете домогтися цього вибірково (тобто лише до цього конкретного посилання), ви можете використовувати нерозривний простір замість звичайного простору:

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

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

редагувати: Я розумію, що це HTML, а не CSS, як вимагає ОП, але деякі можуть вважати це корисним ...

дисплей: вбудований блок; запобіжить перерву між словами в елементі списку

 li {
    display: inline-block;
 }

У Bootstrap 4 є клас з назвою text-nowrap. Це саме те, що вам потрібно.