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