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 |