text-indent-intrinsic-002

Test for intrinsic widths and text-indent (intrinsic-pref)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 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>&#x200B;<span style="width: 2em"></span></div>
39 <div style="text-indent: 3em"><span style="width: 1em"></span>&#x200B;<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>