| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <style> |
| table { border-collapse: collapse; } |
| td { background-color: green; padding: 0; } |
| div { background-color: orange; width: 4px; height: 1px; } |
| </style> |
| <head> |
| <body style="-webkit-writing-mode: vertical-rl;"> |
| <table> |
| <tr> |
| <td height="1%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="2%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="3%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="4%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="5%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="10%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="20%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="30%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="40%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="50%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="60%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="70%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="80%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="90%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="95%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="96%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="97%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="98%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="99%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td height="100%"><div></div></td> |
| </tr> |
| </table> |
| </body> |
| </html> |
