title: How percentages widths in table cells work in HTML?
body: <p>I have been wondering quite a long , that how the percentage width in table cells work in HTML.</p>
  
  <p><strong>Case 1: No table width specified, single row and columns are not given full space</strong></p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td width="25%"&gt;mango&lt;/td&gt;
          &lt;td width="25%""&gt;apple&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Case 2: No table width specified,single row and columns are given full space</strong></p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td width="50%"&gt;mango&lt;/td&gt;
          &lt;td width="50%""&gt;apple&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Case 3: No table width specified,single row and columns are given more than 100% space</strong></p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td width="50%"&gt;mango&lt;/td&gt;
          &lt;td width="50%""&gt;apple&lt;/td&gt;
          &lt;td widht="100%"&gt;guava&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Case 4: No table width specified, multiple rows specified and columns are giving following percentage configurations</strong></p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td width="33%"&gt;mango&lt;/td&gt;
          &lt;td width="33%""&gt;apple&lt;/td&gt;
          &lt;td widht="33%"&gt;guava&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td width="50%"&gt;papaya&lt;/td&gt;
          &lt;td width="50%"&gt;pomengrante&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Their outputs I am not able to correlate , please help me in this</p>