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-left</title> | 4 <title>CSS 2.1 Test Suite: margin-left</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 .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; } | 8 .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; } |
8 .seven p { background: yellow; color: lime; } | 9 .seven p { background: yellow; color: lime; } |
9 .seven span { margin-left: -4em; background: red; color: orange; } | 10 .seven span { margin-left: -4em; background: red; color: orange; } |
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 class="criteria">The following two bars should be identical:</p> | 15 <p class="criteria">The following two bars should be identical:</p> |
15 <div class="seven"> | 16 <div class="seven"> |
16 <p>xx <span>xx</span></p> | 17 <p>xx <span>xx</span></p> |
17 </div> | 18 </div> |
18 <div> | 19 <div> |
19 <img alt="" src="support/swatch-white.png"><img alt="" src="support/swatch-or
ange.png"><img alt="" src="support/swatch-orange.png"><img alt="" src="support/s
watch-lime.png"><img alt="" src="support/swatch-yellow.png"><img alt="" src="sup
port/swatch-yellow.png"><img alt="" src="support/swatch-yellow.png"> | 20 <img alt="" src="support/swatch-white.png"><img alt="" src="support/swatch-or
ange.png"><img alt="" src="support/swatch-orange.png"><img alt="" src="support/s
watch-lime.png"><img alt="" src="support/swatch-yellow.png"><img alt="" src="sup
port/swatch-yellow.png"><img alt="" src="support/swatch-yellow.png"> |
20 </div> | 21 </div> |
21 </body> | 22 </body> |
22 </html> | 23 </html> |
OLD | NEW |