| 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 div { margin: 1em; } | 8 div { margin: 1em; } |
| 8 img { display: block; margin-bottom: 5px; } | 9 img { display: block; margin-bottom: 5px; } |
| 9 span { color: blue; font: 15px Ahem; vertical-align: top; background: red; di
splay: block; width: 1em; } | 10 span { color: blue; font: 15px Ahem; vertical-align: top; background: red; di
splay: block; width: 1em; } |
| 10 .b img, .b span { font-size: 4em; height: 1em; } | 11 .b img, .b span { font-size: 4em; height: 1em; } |
| 11 </style> | 12 </style> |
| 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'"> | 13 <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'"> |
| 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"> | 14 <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"> |
| 14 </head> | 15 </head> |
| 15 <body> | 16 <body> |
| 16 <p> There should be no red anywhere. </p> | 17 <p> There should be no red anywhere. </p> |
| 17 <p> There should be two identical squares after this line: </p> | 18 <p> There should be two identical squares after this line: </p> |
| 18 <div class="a"> | 19 <div class="a"> |
| 19 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> | 20 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> |
| 20 <span>X</span> | 21 <span>X</span> |
| 21 </div> | 22 </div> |
| 22 <p> There should be two identical squares after this line: </p> | 23 <p> There should be two identical squares after this line: </p> |
| 23 <div class="b"> | 24 <div class="b"> |
| 24 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> | 25 <img alt="FAIL: Replaced content did not get replaced." src="support/swatch-b
lue.png"> |
| 25 <span>X</span> | 26 <span>X</span> |
| 26 </div> | 27 </div> |
| 27 </body> | 28 </body> |
| 28 </html> | 29 </html> |
| OLD | NEW |