1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: padding-left
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
8 div
{ font: 10px/1 Ahem
; width: 106px; color: blue
; }
9 img
{ vertical-align: bottom
; }
10 .zero {padding-left: 0; text-align: center
; background-color: navy
;}
11 .one {padding-left: 0.5in; text-align: left
; background-color: navy
;}
12 .two {padding-left: 48px; text-align: left
; background-color: navy
;}
13 .three {padding-left: 4.8em; text-align: left
; background-color: navy
;}
14 .four {padding-left: 45.3%; text-align: left
; background-color: navy
;}
16 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/box.html#padding-properties" title=
"8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'">
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 bars below should be identical.
</p>