Colspan of 1.5 in a table

Question

Is it possible with HTML/CSS to create a table with three columns, where one row has only two cells. However, instead of one cell of that row being 66% (colspan="2") and the other being 33%, both to be 50% (so errh, colspan="1.5" which doesn't work as expected)

To illustrate what I mean:

What I am talking about is the row which is in bold red, is this possible?

Answer 1

Sure, just like the following:

table,
td {
  border: 1px solid #999;
}

td {
height: 20px;
width: 50px;
}

<table>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2"></td>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
</table>