title: How can automatically wrapped to a new line the text inside an HTML table cell?
body: <p>I have the following problem in HTML.</p>
  
  <p>I have this table that contains only a thead:</p>
  
  <pre><code>&lt;table border="1" class="table_legenda" width="100%"&gt;
  
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th width="8.33%"&gt;Codice&lt;/th&gt;
          &lt;th width="2%"&gt;Stato&lt;/th&gt;
          &lt;th width="8.33%"&gt;Creazione&lt;&lt;/th&gt;
          &lt;th width="8.33%"&gt;Registrazione&lt;/th&gt;
          &lt;th width="6.33%"&gt;Autore Cr&lt;/th&gt;
          &lt;th width="6.33%"&gt;Autore Con&lt;/th&gt;
          &lt;th width="6.33%"&gt;Autore Acq&lt;/th&gt;
          &lt;th width="8.33%"&gt;Totale Imponibile&lt;/th&gt;
          &lt;th width="24.66%"&gt;Fornitore&lt;/th&gt;
          &lt;th width="4.33%"&gt;RM riserva&lt;/th&gt;
          &lt;th width="8.33%"&gt;Errore&lt;/th&gt;
          &lt;th width="8.33%"&gt;Azione&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Now, as you can see, every th cell have setted a percentual width and contains a textual value. </p>
  
  <p>My problem is that if the textual value of a cell is longer than the available space of the cell it will be automatically hidden. I want that the text is automatically wrapped to a new line.</p>
  
  <p>How can I do to obtain this behavior?</p>
  
  <p>Tnx</p>