1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html><head>
3 <link rel="reference" href="text-indent-intrinsic-002-ref.xht">
4 <title>CSS Test: Test for intrinsic widths and text-indent (intrinsic-pref)</title>
5 <link rel="author" title="L. David Baron" href="http://dbaron.org/">
6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop">
8 <meta name="flags" content="">
9 <style type="text/css">
10
11 body { font-size: 12px; }
12
13 body > div, body > pre {
14 float: left; clear: left; margin: 1px; height: 2em;
15 border: medium solid;
16 }
17
18 span {
19 display: inline-block;
20 height: 1em;
21 width: 1em;
22 }
23
24 </style>
25 </head>
26 <body>
27
28 <!-- test against inline margin -->
29 <div style="text-indent: 3em;">X</div>
30
31 <!-- test against block padding -->
32 <div style="text-indent: 3em;">X</div>
33
34 <!-- test against block width -->
35 <div style="text-indent: 3em;"><span></span></div>
36
37 <div style="text-indent: 3em"><span style="width: 1em"></span></div>
38 <div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 2em"></span></div>
39 <div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 6em"></span></div>
40 <div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 2em"></span></div>
41 <div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 6em"></span></div>
42 <pre style="text-indent: 3em"><span style="width: 1em"></span>
43 <span style="width: 2em"></span></pre>
44 <pre style="text-indent: 3em"><span style="width: 1em"></span>
45 <span style="width: 6em"></span></pre>
46
47
48
49 </body></html>