Perataan Teks (Text Alignment)
Anda dapat mengatur perataan teks dengan menggunakan properti
text-align : jenis;
dengan value jenis dapat digantikan dengan left, center, right dan justify.
Contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Guide</title>
<style type="text/css">
#p1 {
text-align : center;
}
#p2 {
text-align : justify;
}
#p3 {
text-align : right;
}
</style>
</head>
<body>
<h1>Ini Judul Heading</h1>
<p id="p1">Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah
paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah
paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah
paragraf 1. Ini adalah paragraf 1. </p>
<p id="p2">Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah
paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah
paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah
paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p>
<p id="p3">Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah
paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah
Perataan Teks (Text Alignment)
paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah
paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. </p>
</body>
</html>
0 comments:
Post a Comment