| 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 |