Question

I have HTML and CSS as shown in http://jsfiddle.net/Lijo/Ydjde/

The problem is the text inside div is not confined to the div. It breaks the div and write. How can we wrap the text inside the div itself with following features?

• The full text will be readable

• It will not break the div

Is there a way to use it in CSS 2.1? I believe word-wrap is CSS 3.0 feature.

Note: I have width defined as width:100px; and width:30px; for the first and second divs

Note: The span is generated from ASP.Net Label control. Hence we cannot change/replace the span. The problem is to be resolved using CSS.

 <span id="detailContentPlaceholder_Label1">25123456789</span>

Reference:

1. Word-wrap in an HTML table
2. CSS word-wrapping in div
3. CSS3 word-wrap Property

Answer 1

word-wrap: break-word; is your friend. See your updated JSFiddle.