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: Percentage Units</title> | 4 <title>CSS 2.1 Test Suite: Percentage Units</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 p { margin: 1em 0; } | 7 p { margin: 1em 0; } |
7 .zero { background: red url(support/css1test62-outer.png) no-repeat; width: 1
2em; font: 15px/1 Ahem; border: solid black; color: green ; } | 8 .zero { background: red url(support/css1test62-outer.png) no-repeat; width: 1
2em; font: 15px/1 Ahem; border: solid black; color: green ; } |
8 .one { margin-left: 25%; margin-right: 25%; background: red url(support/css1t
est62-inner.png) no-repeat; } | 9 .one { margin-left: 25%; margin-right: 25%; background: red url(support/css1t
est62-inner.png) no-repeat; } |
9 .two { margin-left: 50%; margin-right: 0%; background: red url(support/css1te
st62-inner.png) no-repeat; } | 10 .two { margin-left: 50%; margin-right: 0%; background: red url(support/css1te
st62-inner.png) no-repeat; } |
10 .three { margin-left: 25%; } | 11 .three { margin-left: 25%; } |
11 </style> | 12 </style> |
12 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-unit
s" title="4.3.3 Percentages"> | 13 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-unit
s" title="4.3.3 Percentages"> |
13 </head> | 14 </head> |
14 <body> | 15 <body> |
15 <p>There should be a green box below.</p> | 16 <p>There should be a green box below.</p> |
16 <div class="zero"> | 17 <div class="zero"> |
17 <div class="one"> | 18 <div class="one"> |
18 <p> | 19 <p> |
19 x x x x x x x x x x x x x x x | 20 x x x x x x x x x x x x x x x |
20 </p> | 21 </p> |
21 </div> | 22 </div> |
22 <div class="two"> | 23 <div class="two"> |
23 <p> | 24 <p> |
24 x x x x x x x x x x x x x x x | 25 x x x x x x x x x x x x x x x |
25 </p> | 26 </p> |
26 </div> | 27 </div> |
27 <p class="three"> | 28 <p class="three"> |
28 x x x x x x x x x x x x x x x x x x x x | 29 x x x x x x x x x x x x x x x x x x x x |
29 </p> | 30 </p> |
30 </div> | 31 </div> |
31 </body> | 32 </body> |
32 </html> | 33 </html> |
OLD | NEW |