Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<meta charset="utf-8">
<title>Writing modes test reference</title>
<p>The test passes if you can see “1 2 3” (without the quotation marks) 3 times below going top-to-bottom.
If any of them is reversed (going bottom to top), the test fails.</p>
<svg
width="300"
height="600">
<g>
<text x="50" y="50" style="writing-mode: vertical-rl; fill: blue;">1 2 3</text>
</g>
<g>
<text x="125" y="50" style="writing-mode: vertical-rl; fill: blue;">1 2 3</text>
</g>
<g>
<text x="200" y="80" style="writing-mode: vertical-rl; direction: rtl; fill: blue;">3 2 1</text>
</g>
</svg>