<!DOCTYPE html>
<html>
<head>
<title>CSS text-align property</title>
<style>
p {
font-family: sans-serif;
font-size: 17px;
padding: 10px;
}
p.one {
text-align: left;
}
p.two {
text-align: right;;
}
p.three {
text-align: center;
}
p.four {
text-align: justify;
}
</style>
</head>
<body>
<p class="one">This text set left align</p>
<p class="two">This text set right align</p>
<p class="three">This text set center align</p>
<p class="four">This text set justify align, This paragraph text represents the justify alignment. This paragraph text align like magazines, newspapers. Both left and right side paragraph line up. This text set justify align, This paragraph text represents the justify alignment. This paragraph text align like magazines, newspapers. Both left and right side paragraph line up. This text set justify align, This paragraph text represents the justify alignment. This paragraph text align like magazines, newspapers. Both left and right side paragraph line up.</p>
</body>
</html>
