How to prevent line breaks in list items using CSS

by

Use white-space: nowrap;[1] [2] or give that link more space by setting li‘s width to greater values.

[1] ยง 3. White Space and Wrapping: the white-space property – W3 CSS Text Module Level 3
[2] white-space – CSS: Cascading Style Sheets | MDN

More Related Contents:

  1. How to word wrap text in HTML?
  2. How to turn off word wrapping in HTML?
  3. How can I force a long string without any blank to be wrapped?
  4. How to stop text from taking up more than 1 line?
  5. Wrap text in tag
  6. How to wrap text of HTML button with fixed width?
  7. Difference between overflow-wrap and word-break?
  8. Denoting a preferred place for a line break
  9. How to make a DIV not wrap?
  10. How to force inline divs to stay on same line?
  11. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  12. Balanced text wrapping in HTML
  13. How to make double border on left only with thick outside and thin inside [duplicate]
  14. Centering in CSS Grid
  15. Styling text input caret
  16. How to make this arrow in CSS only?
  17. Can specific text character change the line height?
  18. Make Iframe to fit 100% of container’s remaining height
  19. Bootstrap 3 two columns full height
  20. Why does IE9 switch to compatibility mode on my website?
  21. Div 100% height works on Firefox but not in IE
  22. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  23. Internet Explorer 11 word wrap is not working
  24. Width 100% with white borders around it. WHy?
  25. Why would the height increase with a smaller font size?
  26. Pressing spacebar scrolls page down?
  27. Understanding CSS2.1 specification regarding height on inline-level boxes
  28. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  29. How to change a span to look like a pre with CSS?
  30. Make plus symbol in CSS

Leave a Comment