title: Make text word-wrap in an HTML table
body: <p>I have a table that is populated with the data from a database. The basic table layout is as such:</p>
  
  <pre><code>&lt;table class="cssTable"&gt;
    &lt;tr&gt;
      &lt;td class="cssRowCell1"&gt;1.&lt;/td&gt;
      &lt;td class="cssRowCell2"&gt;Data here&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The problem is that if a database contains a long line of text without any spaces in it, the text is not wrapped around the page and sticks out from the right side of the page.</p>
  
  <p>I tried doing the following and none of these worked:</p>
  
  <p>1 Added the following to CSS:</p>
  
  <pre><code>.cssRowCell2
  {
      min-width: 880px;
      word-wrap: break-word;
      overflow: hidden;
  }
  </code></pre>
  
  <p>2 Tried to add explicit table width:</p>
  
  <pre><code>&lt;td class="cssRowCell1" width="2%"&gt;1.&lt;/td&gt;
  &lt;td class="cssRowCell2" width="98%"&gt;Data here&lt;/td&gt;
  </code></pre>
  
  <p>Any idea how to make it look good?</p>