title: Splitting a table cell into two columns in HTML
body: <p>I have the following table:</p>
  
  <pre><code>&lt;table border="1"&gt;
    &lt;tr&gt;
      &lt;th scope="col"&gt;Header&lt;/th&gt;
      &lt;th scope="col"&gt;Header&lt;/th&gt;
      &lt;th scope="col"&gt;Header&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th scope="row"&gt;&amp;nbsp;&lt;/th&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;Split this one into two columns&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And I wish to split the cell which contains "<em>Split this one into two columns</em>" into two cells/columns. How do I go about this?</p>
  
  <p><a href="http://jsfiddle.net/8ha9e/">Fiddle</a></p>