multicol-height-002-print-ref.xht (1054B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> 6 <style type="text/css"><![CDATA[ 7 html, body { height: 100%; } 8 * { margin: 0; } 9 div { 10 border: double blue 12px; 11 height: 150%; 12 padding: 0 12px; 13 } 14 div > p { 15 border-right: solid orange 12px; 16 border-left: solid orange 12px; 17 width: 50%; 18 margin: 0 auto; 19 height: 100%; 20 } 21 blockquote { 22 border: solid thick yellow; 23 } ]]></style> 24 </head> 25 <body> 26 <p>Test passes if even when printed:</p> 27 <ul> 28 <li>Two vertical orange stripes stretch exactly 29 from the inner top edge to the inner bottom edge of the blue box below.</li> 30 <li>There is a yellow stripe immediately below the blue box.</li> 31 </ul> 32 <div> 33 <p></p> 34 </div> 35 <blockquote></blockquote> 36 </body> 37 </html>