Jarak: Margin & Padding

Memberi ruang agar elemen tidak berdempetan.

Penjelasan Lengkap

Konsep "Kotak" di CSS sangat penting untuk mengatur jarak agar web tidak terlihat berantakan.

• Padding : Jarak di dalam kotak (antara teks dan garis tepi kotak).

• Margin : Jarak di luar kotak (jarak antar satu kotak dengan kotak lainnya).

• Border : Garis tepi kotak. Bisa diatur ketebalan (px) dan warnanya.

Contoh Kode

div { 
    border: 2px solid black;
    padding: 20px; 
    margin: 30px; 
}

Hasil Tampilan

Console Output

Tugas Praktik (Pertanyaan)

Manakah yang memberikan jarak antara kotak satu dengan kotak lainnya di luarnya, Margin atau Padding?