How to prevent text from overflowing in CSS?

by

If you want the overflowing text in the div to automatically newline instead of being hidden or making a scrollbar, use the

word-wrap: break-word

property.

More Related Contents:

  1. CSS margin terror; Margin adds space outside parent element [duplicate]
  2. Make background color extend into overflow area
  3. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  4. Can specific text character change the line height?
  5. How to display scroll bar onto a html table
  6. CSS margin adds space outside parent element [duplicate]
  7. CSS overflow:hidden with floats
  8. Position absolute and overflow hidden
  9. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  10. Flexbox affects overflow-wrap behavior
  11. How can I truncate table cells, but fit as much as content possible?
  12. Can overflow:hidden affect layout?
  13. Generate scroll bar for overflow to the left
  14. How do I remove the horizontal scrollbar in a div?
  15. Flexbox layout with two equal height children, one containing nested flexbox with scrolling content
  16. change the menu font size
  17. Can I debug by CSS code in easy way for beginner?
  18. Landscape printing from HTML
  19. Is it possible to have two background colors for a single html element? [duplicate]
  20. Two inline-block, width 50% elements wrap to second line [duplicate]
  21. Expanding a parent to the height of its children
  22. How to hide image broken Icon using only CSS/HTML?
  23. Why does vw include the scrollbar as part of the viewport?
  24. HTML-Tooltip position relative to mouse pointer
  25. `margin:auto;` doesn’t work on inline-block elements
  26. How to calculate required hue-rotate to generate specific colour?
  27. Flexbox, z-index & position: static: Why isn’t it working?
  28. How To Add CSS3 Transition With HTML5 details/summary tag reveal?
  29. Changing image src depending on screen size
  30. Balanced text wrapping in HTML

Leave a Comment