<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <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-14 --> <meta name="flags" content="" /> <style type="text/css"><![CDATA[ div#rel-pos-wrapper { background-color: yellow; font: 1.25em/1 serif; height: 4em; margin: 1em; position: relative; width: 41em; } div > div { font-size: 1em; height: 3em; position: absolute; top: 0em; width: 2em; } div#black1 { background-color: black; left: 1em; top: 1em; } div#black2 { background-color: black; left: 5em; top: 1em; } div#black3 { background-color: black; height: 2em; left: 9em; top: 1em; } div#pink1 { background-color: pink; left: 15em; } div#pink2 { background-color: pink; left: 19em; } div#pink3 { background-color: pink; height: 2em; left: 23em; } div#blue1 { background-color: blue; left: 29em; } div#blue2 { background-color: blue; left: 33em; } div#blue3 { background-color: blue; height: 2em; left: 37em; } ]]></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>