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:

html<p>
  some long text
</p>

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

Результат: