Denoting a preferred place for a line break

by

By using

span.avoidwrap { display:inline-block; }

and wrapping the text I want to be kept together in

<span class="avoidwrap"> Text </span>

it will wrap first in preferred blocks and then in smaller fragments as needed.

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. How to prevent line breaks in list items using CSS
  6. Wrap text in tag
  7. How to wrap text of HTML button with fixed width?
  8. Difference between overflow-wrap and word-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. Specific order of inline-block elements on mobile and desktop devices
  14. How to make moving CSS objects like this?
  15. Why doesn’t height: 100% work to expand divs to the screen height?
  16. Put icon inside input element in a form
  17. Can I change the checkbox size using CSS?
  18. How to blur(css) div without blur child element [duplicate]
  19. Should I specify height and width attributes for my IMGs in HTML?
  20. Preventing double borders in CSS Grid
  21. Create a responsive navbar sidebar “drawer” in Bootstrap?
  22. CSS3 transition doesn’t work with display property [duplicate]
  23. Image scaling causes poor quality in firefox/internet explorer but not chrome
  24. How do I center list items inside a UL element?
  25. Why does CSS not support negative padding?
  26. CSS data attribute new line character & pseudo-element content value
  27. CSS hide scroll bar if not needed
  28. How to put img inline with text
  29. How to flatten nested divs to display them in a CSS grid?
  30. How to implement a Navbar Dropdown Hover in Bootstrap v4?

Leave a Comment