<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS Reftest Reference</title> <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/"> <style type="text/css"> div.test { writing-mode: vertical-lr; padding-left: 4px; } div.stripe { width: 24px; margin-right: 4px; margin-top: 172px; height: 160px; } div.blue {background-color: blue;} div.orange {background-color: orange; margin-left: 0px} </style> </head> <body> <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p> <div class="test"> <div class="orange stripe"></div> <div class="blue stripe"></div> </div> </body> </html>