title: CSS 2.1: Wrap Text Inside Div
body: <p>I have HTML and CSS as shown in <a href="http://jsfiddle.net/Lijo/Ydjde/" rel="nofollow noreferrer">http://jsfiddle.net/Lijo/Ydjde/</a></p>
  
  <p>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? </p>
  
  <p>•   The full text will be readable</p>
  
  <p>•   It will not break the div</p>
  
  <p>Is there a way to use it in <strong>CSS 2.1</strong>? I believe word-wrap is CSS 3.0 feature.</p>
  
  <p>Note: I have <strong>width</strong> defined as width:100px; and width:30px; for the first and second divs</p>
  
  <p>Note: The span is generated from ASP.Net Label control. Hence we cannot change/replace the <strong>span</strong>. The problem is to be resolved using CSS.</p>
  
  <pre><code> &lt;span id="detailContentPlaceholder_Label1"&gt;25123456789&lt;/span&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/BSumP.jpg" alt="enter image description here"></p>
  
  <p>Reference:</p>
  
  <ol>
  <li><a href="https://stackoverflow.com/questions/1258416/word-wrap-in-a-html-table">Word-wrap in an HTML table</a></li>
  <li><a href="https://stackoverflow.com/questions/502500/css-word-wrapping-in-div">CSS word-wrapping in div</a></li>
  <li><a href="http://www.w3schools.com/cssref/css3_pr_word-wrap.asp" rel="nofollow noreferrer">CSS3 word-wrap Property</a></li>
  </ol>