← CSS37 / 62
line-height tanpa satuan
line-height mengatur jarak antar baris — faktor terbesar dalam kenyamanan membaca. Praktik terbaik: tulis tanpa satuan (1.6), artinya 1,6× ukuran font elemen itu sendiri. Kalau kamu pakai line-height: 24px, nilai itu diwarisi mentah oleh anak-anaknya yang ukuran fontnya berbeda, dan teks besar jadi bertumpuk.
👀 Contoh dulu
/* BAIK: multiplier, ikut ukuran font masing-masing */
.isi { line-height: 1.5; }
/* BERISIKO: nilai tetap, diwarisi mentah */
.isi-buruk { line-height: 20px; }Hasilnya: Pada .isi-buruk, anak dengan font 40px tetap mendapat jarak baris 20px sehingga barisnya bertumpuk.
💡 Untuk teks bacaan panjang, 1.5–1.7 nyaman. Untuk judul besar, 1.1–1.2 lebih rapat dan pas.
📝 Sekarang giliranmu
Beri .artikel line-height: 1.6 dan max-width: 65ch (lebar baca ideal ±65 karakter).
Preview