Anda di halaman 1dari 1

Membuat Paragraf Yang Menjorok Kedalam Menggunakan CSS

Biasanya terdapat pada pargraf baru, agar terlihat lebih indah dan rapi, disini
kita akan menggunakan property dari CSS

Text-indent : Untuk ukuran kalimat yang menjorok kedalam.

Penggunaan:
<p style=”text-indent: 50px”> Ketik disini </p>

contoh:
<!DOCTYPE html>
<html>
<head>
<title>Membuat Teks Paragraf Menjorok Kedalam</title>
</head>
<body>
<p style="text-indent: 50px">Pada zaman dahulu, di sebuah desa di <mark
style="background-color: blue">Sumatera Utara</mark> hiduplah seorang petani
bernama Toba. Ia bekerja sebagai petani dan menangkap ikan. Setiap sorea selesai
menggarap ladang, ia menuju sungai dekat rumahnya. Namun hari itu amal sial, <mark
style="background-color:purple">seharian ia duduk di tepi sungai</mark>, tak seekor
pun ikan mau menyantap umpan kailnya.</p>

<p style="text-indent: 50px">Toba sangat <mark style="background-color: red">kesal


dan mulai putus asa</mark>. Akhirnya ia memutuskan pulang. Anehnya, baru saja akan
bangkit, tiba-tiba kailnya ditarik ke dasar sungai. Karena tarikannya terasa berat,
ia yakin akan menangkap ikan besar. Benar saja, setelah ia angkat, <mark
style="background-color: pink">seekor ikan mas</mark> sebesar paha manusia
menggelepar-gelepar di hadapannya. Betapa senangnya Toba. Segera dibawanya ikan
tersebut pulang.
</p>
</body>
</html>

Anda mungkin juga menyukai