Respostas:
Use white-space: nowrap;
[1] [2] ou dê mais espaço a esse link, configurando li
a largura para valores maiores.
[1] § 3. Espaço em branco e quebra automática: a propriedade de espaço em branco - Nível 3 do módulo de texto CSS do W3
[2] espaço em branco - CSS: folhas de estilo em cascata | MDN
display: inline;
. Talvez isso também ajude outras pessoas com problemas semelhantes.
Você pode adicionar este pequeno trecho de código para adicionar um "…" agradável ao final da linha se o conteúdo for grande demais para caber em uma linha:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Se você deseja conseguir isso seletivamente (ou seja: apenas para esse link específico), pode usar um espaço sem quebra em vez de um espaço normal:
<li>submit resume</li>
https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
edit: Eu entendo que isso é HTML, não CSS, conforme solicitado pelo OP, mas alguns podem achar útil…
display: bloco embutido; impedirá a quebra entre as palavras em um item da lista
li {
display: inline-block;
}
O Bootstrap 4 tem uma classe chamada text-nowrap
. É exatamente o que você precisa.