Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Writing-Modes test: text-orientation on text</title>
<link rel=match href="reference/text-orientation-021-ref.html">
<meta name="assert" content="text-orientation applies to text, and thus works even if there is no parent box with that same value">
<style>
body > div {
border: solid 1px black;
padding: 10px;
margin: 10px;
float: left;
}
</style>
<p>Test passes if the two boxes below are identical.
<div style="writing-mode: vertical-rl; text-orientation: upright">
AB
</div>
<div style="writing-mode: vertical-rl">
<div style="display: contents; text-orientation: upright">AB</div>
</div>