Как предотвратить разрывы строк в элементах списка с помощью CSS

Я пытаюсь поместить ссылку под названием « Отправить резюме» в меню с помощью liтега. Из-за пробела между двумя словами он переносится на две строки. Как предотвратить это перенос с помощью CSS?

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

^[1] § 3. Пробел и перенос: свойство пробела - W3 CSS Text Module 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, как требует OP, но некоторые могут найти это полезным ...

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

 li {
    display: inline-block;
 }

Bootstrap 4 имеет класс с именем text-nowrap. Это именно то, что вам нужно.