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 / Formula Prompt

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

✨ Hasil Tampilan / Simulasi AI

Console Output

📝 Tugas Praktik (Pertanyaan)

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