<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Reftest Reference</title> <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" /> <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-11 --> <meta name="flags" content="" /> <style type="text/css"><![CDATA[ body {margin: 0em;} div#rel-pos-wrapper { background-color: yellow; font: 1.25em/1 serif; height: 3em; margin: 1em; position: relative; width: 32em; } div > div { font-size: 1em; height: 3em; position: absolute; top: 0em; width: 2em; } div#black1 { background-color: black; left: 1em; } div#black2 { background-color: black; left: 4em; } div#black3 { background-color: black; height: 2em; left: 7em; } div#pink1 { background-color: pink; left: 12em; } div#pink2 { background-color: pink; left: 15em; } div#pink3 { background-color: pink; height: 2em; left: 18em; } div#blue1 { background-color: blue; left: 23em; } div#blue2 { background-color: blue; left: 26em; } div#blue3 { background-color: blue; height: 2em; left: 29em; } ]]></style> </head> <body> <div id="rel-pos-wrapper"> <div id="black1"></div> <div id="black2"></div> <div id="black3"></div> <div id="pink1"></div> <div id="pink2"></div> <div id="pink3"></div> <div id="blue1"></div> <div id="blue2"></div> <div id="blue3"></div> </div> </body> </html>