| <!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> |