How to make text inside a div multiline?

Question

Possible Duplicate:
wrapping the text inside div - css

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. Neither can I use break points. I am looking for a pure CSS2 solution.

It's work till IE7 check this http://caniuse.com/#search=word-wrap — sandeep, Aug 14 '12 at 06:33
Check this also http://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-text-in-a-div — sandeep, Aug 14 '12 at 06:34
Yes its was what I was looking for, was in the belief that CSS3 compatibility is fairly limited in browsers, but his answer worked. thanks. — Ashwin Singh, Aug 14 '12 at 06:36

Noah Wetjen · Accepted Answer · 2015-06-16T19:37:37.503

72

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

edited Jun 16 '15 at 19:37

answered Aug 15 '12 at 05:22

Noah Wetjen

1,695
2
17
30

`word-break: break-word;` – Tobias May 14 '19 at 08:34
28

white-space: pre-wrap; – Renil Babu Jan 19 '20 at 07:02
This will not work if width is 100% – sanjaymith Aug 27 '20 at 05:15
3

@RenilBabu : Thanks , "white-space: pre-wrap;" worked for me. – Vineesh TP Sep 02 '20 at 08:05
also don't forget to remove `display: flex;` from text div – help Feb 25 '22 at 09:34

How to make text inside a div multiline?

1 Answers1