dynamic-top-change-002-ref.xht (897B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 11 <style type="text/css"><![CDATA[ 12 p 13 { 14 line-height: 1.25; 15 margin: 1em 0; 16 } 17 18 strong {line-height: 1;} 19 20 div 21 { 22 background-color: green; 23 height: 100px; 24 margin-top: 28px; 25 /* 26 The green square appears 12px below the p margin box: 27 2em + 2em - (16px + 20px + 16px) + 16px 28 max(margin-bottom of p, margin-top of div) 29 max(16px, margin-top of div) == 16px + 12px; 30 therefore, margin-top of div == 16px + 12px 31 */ 32 width: 100px; 33 } 34 ]]></style> 35 36 </head> 37 38 <body> 39 40 <p>Test passes if there is <strong>no red</strong>.</p> 41 42 <div></div> 43 44 </body> 45 </html>