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