|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>CSS 2.1 Test Suite: Test for intrinsic widths and negative text-indent</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 <div style="text-indent: -3em;"><span style="width: 1em"></span></div> |
|
29 <div style="text-indent: -3em;"><span style="width: 5em"></span></div> |
|
30 |
|
31 <div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 1em"></span></div> |
|
32 <div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span></div> |
|
33 <div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span>​<span style="width: 3em"></span></div> |
|
34 <div style="text-indent: -3em;"><span style="width: 4em"></span>​<span style="width: 3em"></span></div> |
|
35 <div style="text-indent: -3em;"><span style="width: 1em"></span><br><span style="width: 1em"></span></div> |
|
36 <div style="text-indent: -3em;"><span style="width: 5em"></span><br><span style="width: 1em"></span></div> |
|
37 <pre style="text-indent: -3em"><span style="width: 1em"></span> |
|
38 <span style="width: 5em"></span></pre> |
|
39 <pre style="text-indent: -3em"><span style="width: 5em"></span> |
|
40 <span style="width: 1em"></span></pre> |
|
41 |
|
42 </body> |
|
43 </html> |