writing-mode-vrl-table-002-manual.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8"/>

<title>writing mode:vertical-rl, 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-rl will display table columns horizontally, with the top of the table on the right."/>

<style type="text/css">

.test { font-size: 34px; }

</style>

<!-- this is the test -->

<style type="text/css">

.test { writing-mode: vertical-rl; }

</style>

</head>

<body>

<p class="instructions" dir="ltr">Test passes if the numbers increase top-to-bottom, starting on the right.</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>