| 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@gmai
l.com" /> | 5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai
l.com" /> |
| 6 <style type="text/css"><![CDATA[ | 6 <style type="text/css"><![CDATA[ |
| 7 p.control { | 7 p.control { |
| 8 font: 40px/1 "Ahem"; | 8 font-size: 2em; |
| 9 background-color: orange; | 9 background-color: orange; |
| 10 } | 10 } |
| 11 | 11 |
| 12 /* vertical-align */ | 12 /* vertical-align */ |
| 13 img { | 13 img { |
| 14 vertical-align: 0.8em; | 14 vertical-align: baseline; |
| 15 } | 15 } |
| 16 img.line { | 16 img.line { |
| 17 margin-left: -260px; | 17 margin-left: -230px; |
| 18 } | 18 } |
| 19 ]]></style> | 19 ]]></style> |
| 20 </head> | 20 </head> |
| 21 <body> | 21 <body> |
| 22 <p>Test passes if ...</p> | 22 <p>Test passes if ...</p> |
| 23 <ol> | 23 <ol> |
| 24 <li>the top of black stripe is touching a thin blue line in each 7 orange
rectangles.</li> | 24 <li>the bottom of glyph 'L' is touching a thin blue line in each 7 orange
rectangles and</li> |
| 25 <li>the bottom edge of yellow square is aligned to a thin blue line in eac
h 7 orange rectangles and</li> | 25 <li>the bottom edge of yellow square is aligned to a thin blue line in eac
h 7 orange rectangles and</li> |
| 26 <li>all 7 orange rectangles are <strong>identical</strong>.</li> | 26 <li>all 7 orange rectangles are <strong>identical</strong>.</li> |
| 27 </ol> | 27 </ol> |
| 28 | 28 |
| 29 <p class="control">CONTR | 29 <p class="control">LLLLLLLLLL |
| 30 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 30 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 31 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 31 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 32 </p> | 32 </p> |
| 33 <p class="control">CONTR | 33 <p class="control">LLLLLLLLLL |
| 34 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 34 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 35 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 35 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 36 </p> | 36 </p> |
| 37 <p class="control">CONTR | 37 <p class="control">LLLLLLLLLL |
| 38 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 38 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 39 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 39 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 40 </p> | 40 </p> |
| 41 <p class="control">CONTR | 41 <p class="control">LLLLLLLLLL |
| 42 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 42 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 43 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 43 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 44 </p> | 44 </p> |
| 45 <p class="control">CONTR | 45 <p class="control">LLLLLLLLLL |
| 46 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 46 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 47 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 47 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 48 </p> | 48 </p> |
| 49 <p class="control">CONTR | 49 <p class="control">LLLLLLLLLL |
| 50 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 50 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 51 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 51 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 52 </p> | 52 </p> |
| 53 <p class="control">CONTR | 53 <p class="control">LLLLLLLLLL |
| 54 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> | 54 <img class="square" src="./support/yellow-square-59x59.png" alt="Image dow
nload support must be enabled" /> |
| 55 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> | 55 <img class="line" src="./support/blue-horiz-line-220x1.png" alt="Image dow
nload support must be enabled" /> |
| 56 </p> | 56 </p> |
| 57 | 57 |
| 58 </body> | 58 </body> |
| 59 </html> | 59 </html> |
| OLD | NEW |