| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Writing Modes Test: Orthogonal element sizing and percentage margins reference file</title> |
| <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> |
| <style> |
| .container { |
| background: cyan; |
| border: solid thick; |
| height: 200px; |
| width: 500px; |
| } |
| .element { |
| background: magenta; |
| font: 25px/1 Ahem; |
| margin: 50px; |
| height: 100px; |
| writing-mode: vertical-lr; |
| } |
| </style> |
| |
| <p>The test passes if it has the same visual effect as reference.</p> |
| |
| <div class="container"> |
| <div class="element">XX X X X XX X X XX X XX</div> |
| </div> |