Cách ngăn chặn ngắt dòng trong các mục danh sách bằng CSS

Tôi đang cố gắng đặt một liên kết có tên Gửi hồ sơ trong menu bằng cách sử dụng lithẻ. Do khoảng trắng giữa hai từ, nó kết thúc thành hai dòng. Làm thế nào để ngăn chặn gói này với CSS?

Sử dụng white-space: nowrap;^{[1] [2]} hoặc cung cấp cho liên kết đó nhiều không gian hơn bằng cách đặt lichiều rộng của các giá trị lớn hơn.

^[1] § 3. Không gian trắng và gói: thuộc tính khoảng trắng - Mô-đun văn bản CSS W3 Cấp 3
^{[2] khoảng} trắng - CSS: Cascading Style Sheets | MDN

Bạn có thể thêm đoạn mã nhỏ này để thêm một chữ "đẹp" vào cuối dòng nếu nội dung quá lớn để vừa trên một dòng:

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

Nếu bạn muốn đạt được điều này một cách chọn lọc (nghĩa là: chỉ với liên kết cụ thể đó), bạn có thể sử dụng một không gian không phá vỡ thay vì một không gian bình thường:

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

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

chỉnh sửa: Tôi hiểu rằng đây là HTML, không phải CSS theo yêu cầu của OP, nhưng một số người có thể thấy nó hữu ích

hiển thị: khối nội tuyến; sẽ ngăn ngắt giữa các từ trong một mục danh sách

 li {
    display: inline-block;
 }

Bootstrap 4 có một lớp có tên text-nowrap. Nó chỉ là những gì bạn cần.