block-in-inline-relpos-001-ref.xht (1269B)
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 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"><![CDATA[ 13 .container { 14 margin: 1em; 15 font: 20px/1 Ahem; 16 border: solid silver; 17 width: 4em; 18 color: aqua; 19 background: fuchsia; 20 } 21 22 .controlC { 23 color: orange; 24 background: orange; 25 width: 2em; 26 margin-left: -2em; 27 border-left: 2em solid blue 28 } 29 30 .controlB { 31 color: yellow; 32 } 33 .controlC { 34 margin-left: 0; 35 } 36 ]]></style> 37 38 </head> 39 40 <body> 41 42 <p>The patterns in the 2 silver boxes must be <strong>identical</strong>.</p> 43 44 <div class="container"> 45 A <span class="controlB">B</span> 46 <div class="controlC">C</div> 47 A<span class="controlB">B</span> 48 </div> 49 50 <div class="container"> 51 A <span class="controlB">B</span> 52 <div class="controlC">C</div> 53 A<span class="controlB">B</span> 54 </div> 55 56 </body> 57 </html>