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 div
{ font: 1em/1 Ahem
; margin: 1em; }
8 .test { width: 6em; padding: 1em 1em 0; border: solid
; }
9 .test p { margin: -1em; color: orange
; background: yellow
; }
10 .control { width: 8em; background: red
; border: solid
; }
11 .control .a { width: 4em; height: 1em; vertical-align: bottom
; }
12 .control .b { width: 4em; height: 1em; vertical-align: bottom
; }
14 <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'">
15 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title=
"10.2 Content width: the 'width' property">
18 <p>The next two bars should be identical:
</p>
19 <!-- This test is too complicated. -->
20 <div class=
"test"> <p> TEST
</p> </div>
22 <img alt=
"" src=
"support/swatch-orange.png" class=
"a"><img alt=
"" src=
"support/swatch-yellow.png" class=
"b">