1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: margin
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
7 .one, .two { margin: 1em; }
9 .one { font: 15px/1 Ahem
; width: 7em; background: red
; }
10 .one div { color: green
; background: lime
; }
11 .one span { margin: 1em; background: orange
; color: yellow
; }
13 <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'">
16 <p>The two bars below should be identical:
</p>
17 <div class=
"one"><div> x
<span> x
</span>x
</div></div>
19 <img alt=
"" src=
"support/swatch-green.png"><img alt=
"" src=
"support/swatch-lime.png"><img alt=
"" src=
"support/swatch-orange.png"><img alt=
"" src=
"support/swatch-yellow.png"><img alt=
"" src=
"support/swatch-orange.png"><img alt=
"" src=
"support/swatch-lime.png"><img alt=
"" src=
"support/swatch-green.png">