Spasi Baris dalam CSS

Mari kita belajar cara mengatur spasi baris untuk teks. Yang dimaksud dengan spasi baris adalah jarak antara garis-garis teks, yaitu ruang putih di antaranya. Untuk ini terdapat properti line-height, yang mengatur tinggi garis teks.

Saat menggunakan properti line-height Anda mungkin akan menemui kejutan: properti ini tidak mengatur jarak antara baris teks, seperti yang mungkin terlihat, tetapi mengatur tinggi garis teks.

Ini berarti bahwa jarak terlihat yang sebenarnya antara baris akan dihitung sebagai: line-height - font-size = jarak terlihat antara baris teks.

Dalam contoh berikut, jarak antara baris teks akan menjadi 50px - 20px = 30px:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 50px;
	text-align: justify;
	width: 400px;
}

Misalkan ukuran font untuk paragraf adalah 30px. Atur properti line-height sedemikian rupa, sehingga ruang putih terlihat antara paragraf menjadi 15px.