How to force a line break in a long word in a DIV?

by

Use word-wrap:break-word;

It even works in IE6, which is a pleasant surprise.

word-wrap: break-word has been replaced with overflow-wrap: break-word; which works in every modern browser. IE, being a dead browser, will forever rely on the deprecated and non-standard word-wrap instead.

Existing uses of word-wrap today still work as it is an alias for overflow-wrap per the specification.

More Related Contents:

  1. How to line-break from css, without using ?
  2. Render a string in HTML and preserve spaces and linebreaks
  3. Can you target with css?
  4. Preserve line breaks in textarea
  5. Fill the remaining height or width in a flex container
  6. float:left; vs display:inline; vs display:inline-block; vs display:table-cell;
  7. Why are my CSS3 media queries not working on mobile devices?
  8. How does the “position: sticky;” property work?
  9. A Space between Inline-Block List Items [duplicate]
  10. CSS vertical alignment of inline/inline-block elements
  11. Responsive image map
  12. How to make a vertical line in HTML
  13. Why top margin of html element is ignored after floated element?
  14. How to create a curve between two gradient using CSS?
  15. How can I fill a div with an image while keeping it proportional?
  16. How do I make the whole area of a list item in my navigation bar, clickable as a link?
  17. Is it considered bad practice to use absolute positioning? [closed]
  18. How to create a transparent triangle with border using CSS?
  19. Image label for input in a form not clickable in IE11
  20. Default :target with CSS
  21. How to center a (background) image within a div?
  22. Changing the highlight color when selecting text in an HTML text input
  23. Why do my list item bullets overlap floating elements
  24. How to add a background image on top of a previous background image?
  25. Css hover sometimes doesn’t work on svg paths
  26. Unwanted border-radius corners around images in Brave/Chrome browser
  27. Bootstrap 3 – show collapsed navigation for all screen sizes
  28. How can I prefix ordered list item numbers with a static string using CSS?
  29. Media queries not working inside an iframe
  30. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?

Leave a Comment