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: margin-top</title> | 4 <title>CSS 2.1 Test Suite: margin-top</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em;
font: 16px/1 Ahem; } | 7 .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em;
font: 16px/1 Ahem; } |
7 .one { margin-top: 25px; background-color: lime; } | 8 .one { margin-top: 25px; background-color: lime; } |
8 .two { margin-top: -10px; background-color: lime; } | 9 .two { margin-top: -10px; background-color: lime; } |
9 img.b { border: 16px yellow; border-style: solid none; } | 10 img.b { border: 16px yellow; border-style: solid none; } |
10 </style> | 11 </style> |
11 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties"
title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', '
margin-left', and 'margin'"> | 12 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties"
title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', '
margin-left', and 'margin'"> |
12 </head> | 13 </head> |
13 <body> | 14 <body> |
14 <p>The three diagrams below should be identical:</p> | 15 <p>The three diagrams below should be identical:</p> |
15 <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p> | 16 <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p> |
16 <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p> | 17 <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p> |
17 <div> | 18 <div> |
18 <img width="48" alt="" src="support/swatch-orange.png" height="48"><img wid
th="16" alt="" src="support/swatch-lime.png" class="b" height="16"><img width="4
8" alt="" src="support/swatch-orange.png" height="48"><img width="48" alt="" src
="support/swatch-yellow.png" height="48"> | 19 <img width="48" alt="" src="support/swatch-orange.png" height="48"><img wid
th="16" alt="" src="support/swatch-lime.png" class="b" height="16"><img width="4
8" alt="" src="support/swatch-orange.png" height="48"><img width="48" alt="" src
="support/swatch-yellow.png" height="48"> |
19 </div> | 20 </div> |
20 </body> | 21 </body> |
21 </html> | 22 </html> |
OLD | NEW |