OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 tr { |
| 4 transform: translateX(0); |
| 5 } |
| 6 td { |
| 7 padding: 0; |
| 8 border: 1px solid black; |
| 9 } |
| 10 table { |
| 11 width: 2000px; |
| 12 height: 2000px; |
| 13 margin-left: -600px; |
| 14 margin-top: -400px; |
| 15 writing-mode: vertical-rl; |
| 16 border-spacing: 0; |
| 17 } |
| 18 </style> |
| 19 <table> |
| 20 <tr style="background-color: red"> |
| 21 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 22 </tr> |
| 23 <tr style="background-color: orange"> |
| 24 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 25 </tr> |
| 26 <tr style="background-color: yellow"> |
| 27 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 28 </tr> |
| 29 <tr style="background-color: green"> |
| 30 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 31 </tr> |
| 32 <tr style="background-color: cyan"> |
| 33 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 34 </tr> |
| 35 <tr style="background-color: blue"> |
| 36 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 37 </tr> |
| 38 <tr style="background-color: magenta"> |
| 39 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 40 </tr> |
| 41 <tr style="background-color: gray"> |
| 42 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
</td><td></td> |
| 43 </tr> |
| 44 </table> |
OLD | NEW |