Css tutorial-14

CSS Tutorial rosihanari.net

Membuat Text Indent

Pada bagian awal paragraf biasanya terdapat text indent atau teks yang agak menjorok ke
dalam paragraf dalam jarak tertentu. Berikut ini adalah properti yang digunakan untuk
mengaturnya:

text-indent : jarak;

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">

p {
text-indent : 40px;
}

</style>
</head>

<body>

<h1>Ini Judul Heading</h1>

<p>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>Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2.
Ini adalah paragraf 2. Ini adalah paragraf 2. </p>

</body>
</html>

Membuat Text Indent 34

CSS Tutorial rosihanari.net

Dalam contoh di atas, awal paragraf dibuat text indent berjarak 40 pixel.

Membuat Text Indent 35

Css tutorial-14

Recommended

More Related Content

Viewers also liked (18)

Similar to Css tutorial-14 (6)

More from Dani Imansyah (19)

Css tutorial-14