Cara mengurangi ruang antar baris dalam HTML

Langkah 1

Jalankan program editor teks Anda dan buka halaman HTML Anda.

Langkah 2

Tempatkan kursor di antara bagian "" pada kode HTML Anda dan tulis kode CSS berikut:

Kode CSS ini membuat placeholder untuk aturan gaya berikut.

Langkah 3

Masukkan pemilih di dalam tag "", yang merupakan elemen halaman HTML yang Anda ingin menerapkan aturan CSS. Misalnya, tulis tag "p" untuk mengontrol tampilan paragraf di halaman web Anda:

Langkah 4

Tuliskan kurung buka dan tutup setelah pemilih "p" dan masukkan "line-height:" di antara tanda kurung. Setelah "line-height:", masukkan nilai persentase yang menunjukkan seberapa jauh setiap baris teks akan. Browser web biasanya menempatkan konten dengan spasi antara 110 dan 120%. Masukkan nilai yang lebih rendah, seperti 100%, untuk mengurangi tinggi garis. Untuk mengilustrasikan: p {line-height: 100%;}

Langkah 5

Simpan file Anda Buka dokumen HTML Anda di browser web dengan memilih "Buka" atau "Buka file" di bawah menu "File" browser untuk melihat ruang spasi yang dikurangi. Jika garis Anda perlu penyesuaian, masukkan nilai baru dalam aturan CSS.