| <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> |