1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: margin-left
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
8 div
{ font: 10px/1 Ahem
; width: 200px; color: orange
; }
9 img
{ vertical-align: bottom
; }
10 .zero {margin-left: 0; text-align: left
; background-color: brown
;}
11 .one {margin-left: 0.5in; text-align: left
; background-color: brown
;}
12 .two {margin-left: 48px; text-align: left
; background-color: brown
;}
13 .three {margin-left: 4.8em; text-align: left
; background-color: brown
;}
14 .four {margin-left: 24%; text-align: left
; background-color: brown
;}
16 <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'">
17 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/text.html#alignment-prop" title=
"16.2 Alignment: the 'text-align' property">
20 <p>The five
"matches
" below should be identical.</p>
23 <img width="48" alt="" src="support/swatch-white.png
" height="10">x