Selain line-height dan word-spacing, ada satu elemen HTML lagi yang berguna untuk mengatur "jarak" pada tulisan. Properti CSS tersebut adalah letter-spacing yang bisa digunakan untuk mengatur jarak antar huruf. Contoh kode CSS-nya bisa kalian lihat di bawah ini.
.styleku{
width : auto;
height : auto;
background : white;
}
.styleku div{
width : auto;
height : auto;
background : green;
border :solid 1px yellow;
}
.styleku1{
letter-spacing : 1em;
}
.styleku2{
letter-spacing : 2em;
}
.styleku3{
letter-spacing : 3pt;
}
.styleku4{
letter-spacing : 4pt;
}
Kode HTML-nya bisa kalian buat sendiri. Kalian juga bisa menggunakan kode HTML di bawah ini jika malas mengetik.
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
<link rel="stylesheet" href="cssku.css">
</HEAD>
<BODY>
<h3>Belajar HTML</h3>
<div class="styleku">
<div class="styleku1">
<p>Ini kalimat ke-1. Ini kalimat ke-2. Ini kalimat ke-3. Ini kalimat ke-4. Ini paragraf pertama.
</p>
</div>
<div class="styleku2">
<p>Ini kalimat ke-1. Ini kalimat ke-2. Ini kalimat ke-3. Ini kalimat ke-4. Ini paragraf pertama.
</p>
</div>
<div class="styleku3">
<p>Ini kalimat ke-1. Ini kalimat ke-2. Ini kalimat ke-3. Ini kalimat ke-4. Ini paragraf pertama.
</p>
</div>
<div class="styleku4">
<p>Ini kalimat ke-1. Ini kalimat ke-2. Ini kalimat ke-3. Ini kalimat ke-4. Ini paragraf pertama.
</p>
</div>
</div>
</BODY>
</HTML>
Saya rasa, contoh di atas sudah cukup untuk dipelajari. Selanjutnya, kalian bisa bereksperimen sendiri dengan mengubah nilai masing-masing properti.