Respuestas:
Use white-space: nowrap;
[1] [2] o dele a ese enlace más espacio configurando li
el ancho a valores mayores.
[1] § 3. Espacio en blanco y ajuste: la propiedad de espacio en blanco - Módulo de texto CSS W3 Nivel 3
[2] espacio en blanco - CSS: Hojas de estilo en cascada | MDN
display: inline;
. Quizás esto también ayude a otros con problemas similares.
Puede agregar este pequeño fragmento de código para agregar un agradable "..." al final de la línea si el contenido es demasiado grande para caber en una línea:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Si desea lograr esto de forma selectiva (es decir, solo a ese enlace en particular), puede usar un espacio que no se rompa en lugar de un espacio normal:
<li>submit resume</li>
https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
editar: entiendo que esto es HTML, no CSS según lo solicitado por el OP, pero algunos pueden encontrarlo útil ...
pantalla: bloque en línea; evitará la ruptura entre las palabras en un elemento de la lista
li {
display: inline-block;
}
Bootstrap 4 tiene una clase llamada text-nowrap
. Es justo lo que necesitas.