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-align</title>
5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-align">
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 p { color: navy; }
10 span { color: silver; }
11 .one {text-align: left;}
12 .two {text-align: right;}
13 .three {text-align: center;}
14 .four {text-align: justify;}
15 </style>
16 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property">
17 </head>
18 <body>
19 <p class="one">
20 This sentence should be left-justified.
21 </p>
22 <p class="two">
23 This sentence should be right-justified.
24 </p>
25 <p class="three">
26 This sentence should be centered.
27 </p>
28 <p class="four">
29 This paragraph should be justified (the right and left margins
30 should line up). <span> This is just lovely dummy text. Dummy text. Dummy
31 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
32 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
33 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
34 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
35 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
36 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
37 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
38 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
39 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
40 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
41 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
42 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
43 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
44 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
45 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
46 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
47 text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
48 This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
49 text. Dummy text. </span> This sentence should be at the end of the
50 block, not justified.
51 </p>
52 </body>
53 </html>