1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: text-indent
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
7 div
{ font: 24px/1 Ahem
; width: 18em; color: blue
; }
8 .one {text-indent: 0.25in;}
9 .two {text-indent: 0.635cm;}
10 .three {text-indent: 6.35mm;}
11 .four {text-indent: 18pt;}
12 .five {text-indent: 1.5pc;}
13 .six {text-indent: 1em;}
14 .seven {text-indent: 1.25ex;}
15 .eight {text-indent: 24px;}
17 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/text.html#indentation-prop" title=
"16.1 Indentation: the 'text-indent' property">
18 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/syndata.html#length-units" title=
"4.3.2 Lengths">
21 <p>There should be a tall solid unbroken column of blue below.
</p>
22 <div class=
"test"> x
</div>
23 <div class=
"one"> x
</div>
24 <div class=
"two"> x
</div>
25 <div class=
"three"> x
</div>
26 <div class=
"four"> x
</div>
27 <div class=
"five"> x
</div>
28 <div class=
"six"> x
</div>
29 <div class=
"seven"> x
</div>
30 <div class=
"eight"> x
</div>
31 <div class=
"test"> x
</div>