CSS word-wrapping in div

by

As Andrew said, your text should be doing just that.

There is one instance that I can think of that will behave in the manner you suggest, and that is if you have the whitespace property set.

See if you don’t have the following in your CSS somewhere:

white-space: nowrap

That will cause text to continue on the same line until interrupted by a line break.

OK, my apologies, not sure if edited or added the mark-up afterwards (didn’t see it at first).

The overflow-x property is what’s causing the scroll bar to appear. Remove that and the div will adjust to as high as it needs to be to contain all your text.

More Related Contents:

  1. Is there a way to word-wrap long words in a div?
  2. Change text-color on div :hover [closed]
  3. CSS customized scroll bar in div
  4. How to place two divs next to each other?
  5. Why does height 100% work when DOCTYPE is removed?
  6. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  7. Does height and width not apply to span?
  8. Is there a way to apply a CSS style on HTML5 datalist options?
  9. Show Child Div within Hidden Parent Div
  10. How to stop text from taking up more than 1 line?
  11. How to prevent line breaks in list items using CSS
  12. Changing three.js background to transparent or other color
  13. Failed to decode downloaded font
  14. How can I ensure that text is inside rounded div?
  15. Which HTML5 reset CSS do you use and why? [closed]
  16. Div height 100% and expands to fit content [duplicate]
  17. Add a text suffix to
  18. html5 vertical spacing issue with
  19. How to position a div in the middle of the screen when the page is bigger than the screen
  20. Nested rows with bootstrap grid system?
  21. How to write a caption under an image?
  22. How do I line up 3 divs on the same row?
  23. CSS: How to align vertically a “label” and “input” inside a “div”?
  24. Div side by side without float
  25. Full background image with fade effect
  26. Balanced text wrapping in HTML
  27. How to add bordered triangle over a div tag
  28. CSS Floating Divs with different height are aligned with space between them
  29. Trouble (vertically) Centering Text in another DIV with relative % sizing
  30. Horizontal scroll in DIV with many small DIV’s inside (no text)

Leave a Comment