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 <link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/Browse
rBugsSection/css21testsuite/" /> <!-- 2015-09-03 --> |
6 <meta name="flags" content="image" /> | 7 <meta name="flags" content="image" /> |
7 <style type="text/css"><![CDATA[ | 8 <style type="text/css"><![CDATA[ |
8 img | 9 img |
9 { | 10 { |
10 vertical-align: top; | 11 vertical-align: top; |
11 } | 12 } |
12 | 13 |
13 img#blue | 14 img#blue |
14 { | 15 { |
15 padding-left: 60px; /* = the position of blue square */ | 16 padding-left: 60px; /* = the position of blue square */ |
16 } | 17 } |
17 | 18 |
18 img#orange | 19 img#orange |
19 { | 20 { |
20 padding-left: 120px; /* = the position of orange square */ | 21 margin-top: 30px; |
21 } | 22 } |
22 | 23 |
23 ]]></style> | 24 ]]></style> |
24 | 25 |
25 </head> | 26 </head> |
26 | 27 |
27 <body> | 28 <body> |
28 | 29 |
29 <p>Test passes if the right edge of an blue square is aligned with the left edge
of a orange square.</p> | 30 <p>Test passes if the right edge of an blue square is aligned with the left edge
of a orange square.</p> |
30 | 31 |
31 <div> | 32 <div> |
32 <img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Imag
e download support must be enabled" /><br/><!-- | 33 <img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Imag
e download support must be enabled" /><!-- |
33 --><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt=
"Image download support must be enabled" /> | 34 --><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt=
"Image download support must be enabled" /> |
34 </div> | 35 </div> |
35 | 36 |
36 | 37 |
37 </body> | 38 </body> |
38 </html> | 39 </html> |
OLD | NEW |