| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"/> |
| <title>writing mode:vertical-lr, table cell order</title> |
| <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/> |
| <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/> |
| <meta name="assert" content="writing-mode:vertical-lr will display table columns horizontally, with the top of the table on the left."/> |
| <style type="text/css"> |
| .test { font-size: 34px; } |
| </style> |
| <!-- this is the test --> |
| <style type="text/css"> |
| .test { writing-mode: vertical-lr; } |
| </style> |
| </head> |
| <body> |
| <p class="instructions">Test passes if the numbers increase top-to-bottom, starting on the left.</p> |
| <div class="test"> |
| <table><tbody> |
| <tr><th>1</th><th>2</th></tr> |
| <tr><td>3</td><td>4</td></tr> |
| </tbody></table> |
| </div> |
| </body> |
| </html> |