Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: text-align</title>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
p { color: navy; }
span { color: silver; }
.one {text-align: left;}
.two {text-align: right;}
.three {text-align: center;}
.four {text-align: justify;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
</head>
<body>
<p class="one">
This sentence should be left-justified.
</p>
<p class="two">
This sentence should be right-justified.
</p>
<p class="three">
This sentence should be centered.
</p>
<p class="four">
This paragraph should be justified (the right and left margins
should line up). <span> This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
text. Dummy text. </span> This sentence should be at the end of the
block, not justified.
</p>
</body>
</html>