title: HTML table column of equal size
body: <p>With the below code, I get the columns size being different (esp the last column is small) I would like to have all the three columns to be of same size.Thanks.</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;h4&gt;Two rows and three columns:&lt;/h4&gt;
  &lt;table border="1" width="100%" height="400" align="top"&gt;
  &lt;tr style="height: 1"&gt;
    &lt;td&gt;
     &lt;table width="100%" border="2" height ="100" align="top"&gt;
       &lt;tr&gt;
         &lt;td&gt;1-1&lt;/td&gt;
         &lt;td&gt;1-2&lt;/td&gt; 
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;1-3&lt;/td&gt;
         &lt;td&gt;1-4&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
   &lt;/td&gt; 
    &lt;td&gt;
     &lt;table width="100%" border="2" height ="100" align="top"&gt;
       &lt;tr&gt;
         &lt;td&gt;2-1&lt;/td&gt;
         &lt;td&gt;2-2&lt;/td&gt; 
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;2-3&lt;/td&gt;
         &lt;td&gt;2-4&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
  &lt;td&gt;
     &lt;table width="100%" border="2" height ="100" align="top"&gt;
       &lt;tr&gt;
         &lt;td&gt;3-1&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;     
         &lt;td&gt;3-2&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
   &lt;/td&gt; 
  &lt;/tr&gt;
  &lt;tr style="vertical-align: top"&gt;
   &lt;/td&gt; 
    &lt;td&gt;
     &lt;table width="100%" border="2" height ="100"&gt;
       &lt;tr&gt;
         &lt;td&gt;4-1&lt;/td&gt;
         &lt;td&gt;4-2&lt;/td&gt; 
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;4-3&lt;/td&gt;
         &lt;td&gt;4-4&lt;/td&gt;
       &lt;/tr&gt;
  &lt;/table&gt;
   &lt;td&gt;
     &lt;table width="100%" border="2" height ="100"&gt;
       &lt;tr&gt;
         &lt;td&gt;5-1&lt;/td&gt;
         &lt;td&gt;5-2&lt;/td&gt; 
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;5-3&lt;/td&gt;
         &lt;td&gt;5-4&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
  &lt;td&gt; 
     &lt;table width="100%" border="2" height ="100"&gt;
       &lt;tr&gt;
         &lt;td&gt;6-1&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;6-3&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>