title: How to make one <td> span both columns in a two column table?
body: <p><img src="https://i.stack.imgur.com/HoKXX.png" alt="click to see the image"></p>
  
  <p>How can I create a table like the above example in HTML and CSS.
  I've tried the following: </p>
  
  <pre><code>&lt;table&gt; 
    &lt;tr&gt; 
      &lt;td style="width:50%"&gt;TEXT&lt;/td&gt;
      &lt;td style="width:50%"&gt;TEXT&lt;/td&gt; 
    &lt;/tr&gt;
    &lt;tr&gt; 
      &lt;td style="width:100%"&gt;TEXT&lt;/td&gt; 
    &lt;/tr&gt;
  </code></pre>
  
  <p>but it won't work. Can anyone help?</p>