fixed-table-layout-021-ref.html (1248B)
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 div.wrapper { 9 writing-mode: vertical-lr; 10 margin-top: 52px; 11 } 12 div.stripe 13 { 14 display: inline-block; 15 margin-left: 4px; 16 margin-top: 8px; 17 margin-bottom: 7px; 18 width: 24px; 19 } 20 div.fuchsia 21 { 22 height: 52px; 23 background-color: fuchsia; 24 } 25 div.olive 26 { 27 height: 88px; 28 background-color: olive; 29 } 30 div.orange 31 { 32 height: 124px; 33 background-color: orange; 34 } 35 </style> 36 </head> 37 <body> 38 <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same heights and the same vertical positions.</p> 39 <div class="wrapper"> 40 <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div></div> 41 <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div></div> 42 </div> 43 </body> 44 </html>