multicol-nested-margin-001-ref.xht (1631B)
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="Opera Software ASA" href="http://www.opera.com/" /> 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-11 --> 7 <style type="text/css"><![CDATA[ 8 body {margin: 0em;} 9 10 div#rel-pos-wrapper 11 { 12 background-color: yellow; 13 font: 1.25em/1 serif; 14 height: 3em; 15 margin: 1em; 16 position: relative; 17 width: 32em; 18 } 19 20 div > div 21 { 22 font-size: 1em; 23 height: 3em; 24 position: absolute; 25 top: 0em; 26 width: 2em; 27 } 28 29 div#black1 30 { 31 background-color: black; 32 left: 1em; 33 } 34 35 div#black2 36 { 37 background-color: black; 38 left: 4em; 39 } 40 41 div#black3 42 { 43 background-color: black; 44 height: 2em; 45 left: 7em; 46 } 47 48 div#pink1 49 { 50 background-color: pink; 51 left: 12em; 52 } 53 54 div#pink2 55 { 56 background-color: pink; 57 left: 15em; 58 } 59 60 div#pink3 61 { 62 background-color: pink; 63 height: 2em; 64 left: 18em; 65 } 66 67 div#blue1 68 { 69 background-color: blue; 70 left: 23em; 71 } 72 73 div#blue2 74 { 75 background-color: blue; 76 left: 26em; 77 } 78 79 div#blue3 80 { 81 background-color: blue; 82 height: 2em; 83 left: 29em; 84 } 85 ]]></style> 86 </head> 87 <body> 88 89 <div id="rel-pos-wrapper"> 90 91 <div id="black1"></div> 92 <div id="black2"></div> 93 <div id="black3"></div> 94 95 <div id="pink1"></div> 96 <div id="pink2"></div> 97 <div id="pink3"></div> 98 99 <div id="blue1"></div> 100 <div id="blue2"></div> 101 <div id="blue3"></div> 102 103 </div> 104 105 </body> 106 </html>