title: How to convert 2 column HTML table to 3 column
body: <p>I'm very new to HTML. I have an HTML document that is built using a 2 column table. I am now needing to set up a row with 3 columns. From the research that I've done, it seems that I can't just add a column to 1 row, rather I need to work with a 3 column table and use colspan in the other rows to make things work. Is that correct?</p>
  
  <p>I've tried adjusting the existing colspans from =2 to =3 and adding a new column to the desired row but to no avail. Can you tell me what is wrong with my approach or how to properly convert the existing 2 column table to a 3 column structure?</p>
  
  <pre><code>&lt;table width="768" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #000000" &gt;
      &lt;tr&gt;
          &lt;td colspan="2" width="768" height="160" border="0" style="display:inline" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;  
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td width="256"&gt;&lt;/td&gt;
          &lt;td width="256"&gt;&lt;/td&gt;
          &lt;td width="256"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt; 
      &lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>