blob: d4ee27468f961bab09ffaf53a0a98614b021f362 [file] [log] [blame]
<style>
table { border-spacing: 5px 0; table-layout: fixed; height: 445px; margin-block-start: 5px; }
td { width: 50px; }
#ref td { background-color: red; }
#test td { background-color: green; }
</style>
<div id="ref" style="position: absolute; top: 0; left: 0; -webkit-writing-mode: vertical-rl;">
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
</div>
<div id="test" style="position: absolute; top: 0; left: 0; -webkit-writing-mode: vertical-rl;">
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr>
<td colspan="3"></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td colspan="6"></td>
</tr>
</table>
<table>
<tr>
<td></td>
<td colspan="7"></td>
</tr>
</table>
<table>
<tr>
<td></td>
<td colspan="2"></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td colspan="4"></td>
<td></td>
<td></td>
</tr>
</table>
</div>