c547-indent-001

text-indent

WeasyPrint

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: text-indent</title>
 5   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-indent">
 6   <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
 7   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 8   <style type="text/css">
 9    .one {text-indent: 5em; background: aqua;}
10    .eight {text-indent: 50%; background: aqua;}
11    div {text-indent: 50%; background: aqua;width: 25%;}
12   </style>
13   <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="16.1 Indentation: the 'text-indent' property">
14  </head>
15  <body>
16   <p class="eight">
17    The first line of this sentence should be indented halfway across the
18    page, but the rest of it should be flush with the normal left margin
19    of the page.
20   </p>
21   <p class="one">
22    Only the first line of this sentence<br>
23    should be indented,<br>
24    the others should all be<br>
25    <em>aligned on the left</em> of the window.
26   </p>
27   <div>
28    X The X on the previous line should be centered across the window.
29   </div>
30  </body>
31 </html>