| <!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="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> |
| <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-08-13 --> |
| <meta name="flags" content="image" /> |
| <style type="text/css"><![CDATA[ |
| img |
| { |
| vertical-align: top; |
| } |
| |
| img |
| { |
| padding-left: 210px; /* 60 px (padding-left) + 120px (blue box width) + 30px (the position difference of box) */ |
| } |
| |
| img + br + img |
| { |
| padding-left: 60px; /* 60 px (padding-left) */ |
| } |
| |
| img + br + img + img |
| { |
| padding-left: 0; |
| } |
| |
| img + br + img + img + br + img |
| { |
| padding-left: 225px; /* 60 px (padding-left) + 120px (blue box width) + 45px (the position difference of box) |
| } |
| ]]></style> |
| |
| </head> |
| |
| <body> |
| |
| <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> |
| |
| <div> |
| <img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!-- |
| --><img src="support/swatch-yellow.png" width="120" height="120" alt="Image download support must be enabled" /><!-- |
| --><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /><br /><!-- |
| --><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" /></div> |
| |
| </body> |
| </html> |
