margin-collapse-001-ref.xht (946B)
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 div.ib 13 { 14 display: inline-block; 15 left: 100px; 16 position: relative; 17 width: 100px; 18 } 19 20 div.ib + div.ib 21 { 22 position: relative; 23 left: 300px; 24 } 25 26 div > div {height: 20px;} 27 28 div.blue {background-color: blue;} 29 30 div.orange {background-color: orange;} 31 ]]></style> 32 33 </head> 34 35 <body> 36 37 <p>Test passes if the blue and orange stripes have the same horizontal spacing between them.</p> 38 39 <div class="ib"> 40 <div class="blue"></div> 41 <div class="orange"></div> 42 </div><div class="ib"> 43 <div class="blue"></div> 44 <div class="orange"></div> 45 </div> 46 47 </body> 48 </html>