Membuat text indent menggunakan CSS

July 23, 2018
Text indent adalah text pada awal paragraf yang menjorok ke dalam kalimat.
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. 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. 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> 
</body> 
</html>

Maka hasilnya akan sperti ini :

Contoh di atas kita membuat jarak text indent sebesar 40px dari tepi batas.

Selanjutnya kita akan mempelajari tentang text alignment (perataan text).
Untuk melihat artikel/materi lainnya silahkan masuk di sini

Wickey

Author:

Facebook Comment

Inside Post