title: merge existing columns using CSS
body: <p>I have a table. The table is generated by some server side code which I can't change but I can add some CSS to style. </p>
  
  <pre><code>&lt;table&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
   &lt;td&gt;row 1 column 1&lt;/td&gt;
   &lt;td&gt;row 1 column 2&lt;/td&gt;
  
  &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is there a way of merging the two columns using CSS and not JQuery</p>
  
  <pre><code>  |row1 column1 |row 1 column 2 |
    |             |               |
  </code></pre>
  
  <p>get an output like</p>
  
  <pre><code>| row 1 column2  |
  |                |  
  </code></pre>