OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS 2.1 Test Suite: Replaced Elements</title> | 4 <title>CSS 2.1 Test Suite: Replaced Elements</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 p { color: navy; } | 7 p { color: navy; } |
7 img { display: inline; } | 8 img { display: inline; } |
8 span { color: blue; font: 15px Ahem; vertical-align: top; background: red; } | 9 span { color: blue; font: 15px Ahem; vertical-align: top; background: red; } |
9 .b img, .b span { font-size: 4em; height: 1em; } | 10 .b img, .b span { font-size: 4em; height: 1em; } |
10 </style> | 11 </style> |
11 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths"
title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'"> | 12 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths"
title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'"> |
12 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced
-height" title="10.6.2 Inline replaced elements, block-level replaced elements i
n normal flow, 'inline-block' replaced elements in normal flow and floating repl
aced elements"> | 13 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced
-height" title="10.6.2 Inline replaced elements, block-level replaced elements i
n normal flow, 'inline-block' replaced elements in normal flow and floating repl
aced elements"> |
13 </head> | 14 </head> |
14 <body> | 15 <body> |
15 <p>There should be no red anywhere.</p> | 16 <p>There should be no red anywhere.</p> |
16 <p class="a"> | 17 <p class="a"> |
17 There should be two identical squares at the end of this line: | 18 There should be two identical squares at the end of this line: |
18 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> | 19 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> |
19 <span>X</span> | 20 <span>X</span> |
20 </p> | 21 </p> |
21 <p class="b"> | 22 <p class="b"> |
22 There should be two identical squares at the end of this line: | 23 There should be two identical squares at the end of this line: |
23 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> | 24 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> |
24 <span>X</span> | 25 <span>X</span> |
25 </p> | 26 </p> |
26 </body> | 27 </body> |
27 </html> | 28 </html> |
OLD | NEW |