html - 2列のテーブルの両方の列にまたがる方法は?

Question

上記の例のようなテーブルを HTML と CSS で作成するにはどうすればよいですか。私は次のことを試しました：

<table> 
  <tr> 
    <td style="width:50%">TEXT</td>
    <td style="width:50%">TEXT</td> 
  </tr>
  <tr> 
    <td style="width:100%">TEXT</td> 
  </tr>

しかし、うまくいきません。誰でも助けることができますか？