vertical-table-rowspan-2-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8>

<style>

td { border: 1px solid black; }

.r1 { width: 50px; }

.r2 { width: 100px; }

.r3 { width: 20px; }

.c1 { height: 20px; }

.c2 { height: 30px; }

.c3 { height: 40px; }

.c4 { height: 50px; }

</style>

</head>

<body>

<table>

<tr>

  <td class="r1 c1" colspan=2 style="background: #080;"></td>

  <td class="r3 c1" style="background: #008;"></td>

</tr>

<tr>

  <td class="r1 c2" style="background: #800;"></td>

  <td class="r2 c2" style="background: #080;"></td>

  <td class="r3 c2" style="background: #008;"></td>

</tr>

<tr>

  <td class="r1 c3" colspan=3 style="background: #008;"></td>

</tr>

<tr>

  <td class="r1 c4" style="background: #800;"></td>

  <td class="r2 c4" colspan=2 style="background: #008;"></td>

</tr>

</table>

</body>

</html>