| <!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="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> |
| |
| <style type="text/css"><![CDATA[ |
| body {margin: 8px;} |
| |
| p |
| { |
| font: 1em/1.25 serif; |
| margin: 1em 0em; |
| } |
| |
| div |
| { |
| background-color: yellow; |
| height: 209px; |
| position: relative; |
| } |
| |
| img#blue-square, img#vertical-ruler {vertical-align: top;} |
| |
| img#black-stripe |
| { |
| bottom: 0px; |
| position: absolute; |
| } |
| ]]></style> |
| |
| </head> |
| |
| <body> |
| |
| <p>Test passes if the bottom edge of the blue square is flush with the 100px<br /> |
| line and if the top edge of the black stripe is flush with the 200px line.</p> |
| |
| <div><img id="blue-square" src="../support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /><img id="vertical-ruler" src="../support/ruler-v-100px-200px.png" width="55" height="250" alt="Image download support must be enabled" /><img id="black-stripe" src="../support/black15x15.png" width="345" height="10" alt="Image download support must be enabled" /> |
| </div> |
| |
| </body> |
| </html> |