Question

I currently have a code that looks something like this:

<table border="1">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

I want to alter it so the format looks something like this:

However, it seems like whatever I try, just does not work out. How can I alter my code to make my table look like the one in the image? The CSS, sizes, and shapes don’t matter, I’m just struggling to get the correct template.

Answer 1

Try using rowspan:

<table border="1">
  <tbody>
    <tr>
      <td rowspan="2"></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>