Bagaimana mencegah jeda baris dalam item daftar menggunakan CSS

Saya mencoba meletakkan tautan yang disebut Kirim resume di menu menggunakan litag. Karena spasi putih antara dua kata itu membungkus menjadi dua baris. Bagaimana mencegah pembungkus ini dengan CSS?

Gunakan white-space: nowrap;^{[1] [2]} atau berikan tautan lebih banyak ruang dengan mengatur lilebar ke nilai yang lebih besar.

^[1] § 3. Ruang Putih dan Pembungkus: properti ruang-putih - W3 CSS Text Module Level 3
^[2] ruang-putih - CSS: Cascading Style Sheets | MDN

Anda bisa menambahkan potongan kode kecil ini untuk menambahkan "..." yang bagus ke akhir baris jika kontennya terlalu besar agar muat pada satu baris:

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

Jika Anda ingin mencapai hal ini secara selektif (yaitu: hanya ke tautan tertentu), Anda dapat menggunakan ruang tanpa putus alih-alih ruang normal:

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

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

sunting: Saya mengerti bahwa ini adalah HTML, bukan CSS seperti yang diminta oleh OP, tetapi beberapa orang mungkin merasa terbantu ...

display: inline-block; akan mencegah jeda antara kata-kata dalam item daftar

 li {
    display: inline-block;
 }

Bootstrap 4 memiliki kelas bernama text-nowrap. Itulah yang Anda butuhkan.