fixed-table-layout-010-ref.html (1106B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 6 <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/"> 7 <style type="text/css"> 8 .test { writing-mode: vertical-lr; text-orientation: sideways-right; } 9 div.stripe 10 { 11 width: 2em; 12 line-height: 2em; 13 height: 200px; 14 } 15 div.blue {background-color: blue; } 16 div.black {background-color: black;} 17 span.text { position: relative; top: 100px; white-space: pre;} 18 </style> 19 </head> 20 <body> 21 <p>Test passes if the boxes below are the same height and the 22 blue box has the words "Filler Text" in the middle, 23 overflowing below the box.</p> 24 <div class="test"> 25 <div class="blue stripe"></div> 26 <div class="blue stripe"><span class="text">Filler Text Filler Text Filler Text</span></div> 27 <div class="blue stripe"></div> 28 <div class="black stripe"></div> 29 </div> 30 </body> 31 </html>