Mengatur Spasi HTML Dengan CSS

Cerita bermula saat disuruh buat format surat keterangan yang bisa diproses online.
Karena belum pinter pake css, jadi ngaturnya masih pake tabel. Karena hasilnya kurang bagus, browsing lagi dan nambah ilmu CSS.

Word-spacing

Example code ...
<STYLE TYPE="text/css">
H2 { word-spacing: 3pt }
</STYLE>

Letter-spacing

Example code...
<STYLE TYPE="text/css">
H2 { letter-spacing: 8px }
</STYLE>

Spacing Between Lines

Example code...
<STYLE TYPE="text/css">
B { line-height: 18pt }
</STYLE>

Leading or line-spacing by Number

Example code ....
<STYLE TYPE="text/css">
B { font-size: 12pt; line-height: 2 }
</STYLE>

Leading by Length Unit

Example code ...
<STYLE TYPE="text/css">
B { font-size: 12pt; line-height: 11pt }
</STYLE>

Leading by Percentage
Example code .....
<STYLE TYPE="text/css">
B { font-size: 10pt; line-height: 180% }
</STYLE>

Tag B, H2 pada example code hanya merupakan contoh. Bisa diganti dengan tag html lain.