fixed-table-layout-023-ref.html (1384B)
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: 34px; 11 } 12 div.stripe 13 { 14 display: inline-block; 15 margin-left: 4px; 16 margin-top: 11px; 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: 100px; 28 background-color: olive; 29 } 30 div.orange 31 { 32 height: 124px; 33 background-color: orange; 34 } 35 div.lime 36 { 37 height: 124px; 38 background-color: lime; 39 } 40 </style> 41 </head> 42 <body> 43 <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p> 44 <div class="wrapper"> 45 <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div> 46 <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div> 47 </div> 48 </body> 49 </html>