multicol-nested-margin-004-ref.xht (2053B)
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#blue-bottom1 56 { 57 background-color: blue; 58 height: 1em; 59 left: 15em; 60 top: 3em; 61 } 62 63 div#pink2 64 { 65 background-color: pink; 66 left: 19em; 67 } 68 69 div#blue-bottom2 70 { 71 background-color: blue; 72 height: 1em; 73 left: 19em; 74 top: 3em; 75 } 76 77 div#pink3 78 { 79 background-color: pink; 80 height: 2em; 81 left: 23em; 82 } 83 84 div#blue-bottom3 85 { 86 background-color: blue; 87 height: 1em; 88 left: 23em; 89 top: 3em; 90 } 91 92 div#blue1 93 { 94 background-color: blue; 95 height: 2em; 96 left: 29em; 97 } 98 99 div#blue2 100 { 101 background-color: blue; 102 height: 2em; 103 left: 33em; 104 } 105 106 div#blue3 107 { 108 background-color: blue; 109 height: 1em; 110 left: 37em; 111 } 112 ]]></style> 113 </head> 114 <body> 115 116 <div id="rel-pos-wrapper"> 117 118 <div id="black1"></div> 119 <div id="black2"></div> 120 <div id="black3"></div> 121 122 <div id="pink1"></div> 123 <div id="blue-bottom1"></div> 124 <div id="pink2"></div> 125 <div id="blue-bottom2"></div> 126 <div id="pink3"></div> 127 <div id="blue-bottom3"></div> 128 129 <div id="blue1"></div> 130 <div id="blue2"></div> 131 <div id="blue3"></div> 132 133 </div> 134 135 </body> 136 </html>