<!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-07-24 --> <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ div { font: 1.25em/1 serif; border: 1em solid gray; width: 11em; height: 6em; position: relative; } img {position: absolute;} img#black {top: 4em;} img#first-orange {top: 5em;} img#second-orange {left: 4em;} img#first-pink { left: 4em; top: 3em; } img#second-pink {left: 8em;} img#yellow { left: 8em; top: 1em; } ]]></style> </head> <body> <div> <img id="blue" src="support/swatch-blue.png" width="40" height="80" alt="Image download support must be enabled" /> <img id="black" src="support/black20x20.png" width="70" height="20" alt="Image download support must be enabled" /> <img id="first-orange" src="support/swatch-orange.png" width="40" height="20" alt="Image download support must be enabled" /> <img id="second-orange" src="support/swatch-orange.png" width="40" height="60" alt="Image download support must be enabled" /> <img id="first-pink" src="support/swatch-pink.png" width="40" height="60" alt="Image download support must be enabled" /> <img id="second-pink" src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled" /> <img id="yellow" src="support/swatch-yellow.png" width="40" height="80" alt="Image download support must be enabled" /> </div> </body> </html>