<!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"> .test { writing-mode: vertical-lr; text-orientation: sideways-right; } div.stripe { width: 2em; line-height: 2em; height: 200px; } div.blue {background-color: blue; } div.black {background-color: black;} span.text { position: relative; top: 100px; white-space: pre;} </style> </head> <body> <p>Test passes if the boxes below are the same height and the blue box has the words "Filler Text" in the middle, overflowing below the box.</p> <div class="test"> <div class="blue stripe"></div> <div class="blue stripe"><span class="text">Filler Text Filler Text Filler Text</span></div> <div class="blue stripe"></div> <div class="black stripe"></div> </div> </body> </html>