title: Line breaks in html table
body: <p>How can I stop my table from increasing width every time I insert loooong commentary? </p>
  
  <p>I made a simple example :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;body&gt;
          &lt;table width='350'  border="0" align="center" cellpadding="3" cellspacing="1" class="table"&gt;
              &lt;tr&gt;
                  &lt;th id="row_style" bgcolor='#D6D6D6'&gt;ID&lt;/th&gt;
                  &lt;th id="row_style" width= "50%" bgcolor='#D6D6D6'&gt;Content&lt;/th&gt;
                  &lt;th id="row_style" bgcolor='#D6D6D6'&gt;Date&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td id="row_style" bgcolor='#3399FF' scope='col' width='50'&gt;Example&lt;/td&gt;td&gt;
                  &lt;td id="row_style" width ='10%'&gt; Content&lt;/td&gt;td&gt;
                  &lt;td id="row_style" bgcolor='#3399FF' scope='col' width ='10%'&gt;Example&lt;/td&gt;td&gt;
                  &lt;td width ='10%'&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I increase the word "content" the table width is increasing.. how can I stop this and insert a line break? </p>