Untuk mengatur jarak paragraf atau teks pada tag lain, kita bisa menggunakan properti CSS yaitu text-indentation.
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
<link rel="stylesheet" href="cssku.css">
</HEAD>
<BODY>
<H2>Indentasi Text</H2>
<p class="paragraf1">
Ini adalah paragraf 1.
</p>
<p class="paragraf2">
Ini adalah paragraf 2.
</p>
<p>
Ini adalah paragraf 3.
</p>
<p>
Ini adalah paragraf 4.
</p>
</BODY>
</HTML>Kode CSS-nya (cssku-css) :
.paragraf1{
text-indent: 50px;
}
.paragraf2{
text-indent: 50pt;
}Pada contoh di atas, jarak paragraf 1 dari ujung adalah 50px. Paragraf ke-2 jaraknya 50pt. Sedangkan, paragraf lainnya memiliki jarak yang sama. Selain pt dan px, kalian bisa menggunakan em, %, cm, dan beberapa satuan lainnya.
Kode HTML dan CSS-nya bisa kalian download di sini