How to make text inside a multi-line div?

Possible duplicate:
wrapping text inside div-css

Fiddle: http://jsfiddle.net/aTFK2/2/

HTML:

<div id="ChannelDescription">ThisIsAVeryLongTextWithoutAnySpacesLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmed</div>

CSS:

#ChannelDescription {
  width:560px;
  color:Gray;
  white-space:normal;
  font-size:14px;
}​

NOTE. I cannot change the width to any other value. I also cannot use breakpoints. I am looking for a clean CSS2 solution.

+5
source share
1 answer

word-wrap: break-word; will solve the problem.

+18
source

All Articles