<!DOCTYPE html>
<html>
<head>
<title>Belajar Style Sheet Pada CSS</title>
<style>
p{
padding: 7px;
color: #051367;
border: solid 1px orange;
}
</style>
</head>
<body>
<h2>Text-align - Left</h2>
<p style="text-align: left;">Integer pretium risus orci, id vehicula felis euismod vitae. Ut et eros nisi. Sed lacinia fringilla sem, in tempor est fermentum sit amet. Integer orci nunc, interdum eu pharetra at, dapibus a nibh. Cras consectetur faucibus enim eu ullamcorper. Aenean urna magna, sodales sit amet sapien in, suscipit vehicula lectus. Aliquam egestas aliquet ligula</p>
<h2>Text-align - Center</h2>
<p style="text-align: center;">Integer pretium risus orci, id vehicula felis euismod vitae. Ut et eros nisi. Sed lacinia fringilla sem, in tempor est fermentum sit amet. Integer orci nunc, interdum eu pharetra at, dapibus a nibh. Cras consectetur faucibus enim eu ullamcorper. Aenean urna magna, sodales sit amet sapien in, suscipit vehicula lectus. Aliquam egestas aliquet ligula</p>
<h2>Text-align - Right</h2>
<p style="text-align: right;">Integer pretium risus orci, id vehicula felis euismod vitae. Ut et eros nisi. Sed lacinia fringilla sem, in tempor est fermentum sit amet. Integer orci nunc, interdum eu pharetra at, dapibus a nibh. Cras consectetur faucibus enim eu ullamcorper. Aenean urna magna, sodales sit amet sapien in, suscipit vehicula lectus. Aliquam egestas aliquet ligula</p>
<h2>Text-align - Justify</h2>
<p style="text-align: justify;">Integer pretium risus orci, id vehicula felis euismod vitae. Ut et eros nisi. Sed lacinia fringilla sem, in tempor est fermentum sit amet. Integer orci nunc, interdum eu pharetra at, dapibus a nibh. Cras consectetur faucibus enim eu ullamcorper. Aenean urna magna, sodales sit amet sapien in, suscipit vehicula lectus. Aliquam egestas aliquet ligula</p>
</body>
</html>