HTML
<body>
<p class="ex1">Text 1 (center)</p>
<p class="ex2">Text 2 (left)</p>
<p class="ex3">Text 3 (right)</p>
<p class="ex4">
In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p>
<p class="ex5">A link with no underline: <a href="http://www.w3schools.com">W3Schools.com</a></p>
<p class="ex6">Text 6</p>
<p class="ex7">Text 7</p>
<p class="ex8">Text 8</p>
<p class="ex9">Text 9</p>
<p class="ex10">Text 10</p>
<p class="ex11">Text 11</p>
<p class="ex12">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
<p class="ex13">Text 13</p>
<p class="ex14">Text 14</p>
<p class="ex15">
This is a paragraph with a smaller line-height.<br>
This is a paragraph with a smaller line-height.<br>
</p>
<p class="ex16">
This is a paragraph with a bigger line-height.<br>
This is a paragraph with a bigger line-height.<br>
</p>
<p class="ex17">This is right-to-left text direction.</p>
<p class="ex18">Text 18</p>
<p class="ex19">Text 19</p>
</body>
CSS
body {
border:1px solid black;
}
p.ex1 {
text-align: center;
}
p.ex2 {
text-align: left;
}
p.ex3 {
text-align: right;
}
p.ex4 {
border: 1px solid black;
padding: 10px;
width: 200px;
height: 200px;
text-align: justify;
}
p.ex5 a {
text-decoration: none;
}
p.ex6 {
text-decoration: overline;
}
p.ex7 {
text-decoration: line-through;
}
p.ex8 {
text-decoration: underline;
}
p.ex9 {
text-transform: uppercase;
}
p.ex10 {
text-transform: lowercase;
}
p.ex11 {
text-transform: capitalize;
}
p.ex12 {
text-indent: 50px;
}
p.ex13 {
letter-spacing: 3px;
}
p.ex14 {
letter-spacing: -3px;
}
p.ex15 {
line-height: 0.7;
}
p.ex16 {
line-height: 1.8;
}
p.ex17 {
direction: rtl;
}
p.ex18 {
word-spacing: 10px;
}
p.ex19 {
word-spacing: -5px;
}
