OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> | 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
3 <head> | 3 <head> |
4 <title>CSS Reftest Reference</title> | 4 <title>CSS Reftest Reference</title> |
5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.
com" /> | 5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.
com" /> |
6 <meta name="flags" content="image" /> | 6 <meta name="flags" content="image" /> |
7 <style type="text/css"><![CDATA[ | 7 <style type="text/css"><![CDATA[ |
8 img | 8 img |
9 { | 9 { |
10 vertical-align: top; | 10 vertical-align: top; |
11 } | 11 } |
12 | 12 |
| 13 img#blue |
| 14 { |
| 15 padding-left: 60px; /* = the position of blue square */ |
| 16 } |
| 17 |
13 img#orange | 18 img#orange |
14 { | 19 { |
15 padding-top: 60px; /* = the height of first character */ | |
16 padding-left: 120px; /* = the position of orange square */ | 20 padding-left: 120px; /* = the position of orange square */ |
17 } | 21 } |
18 | 22 |
19 ]]></style> | 23 ]]></style> |
20 | 24 |
21 </head> | 25 </head> |
22 | 26 |
23 <body> | 27 <body> |
24 | 28 |
25 <p>Test passes if the right edge of an orange square touches the left edge of a
blue square.</p> | 29 <p>Test passes if the right edge of an blue square is aligned with the left edge
of a orange square.</p> |
26 | 30 |
27 <div> | 31 <div> |
28 <img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="
Image download support must be enabled" /><!-- | 32 <img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Imag
e download support must be enabled" /><br/><!-- |
29 --><img src="support/swatch-blue.png" width="120" height="120" alt="Image downl
oad support must be enabled" /> | 33 --><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt=
"Image download support must be enabled" /> |
30 </div> | 34 </div> |
31 | 35 |
32 | 36 |
33 </body> | 37 </body> |
34 </html> | 38 </html> |
OLD | NEW |