Properti CSS margin digunakan untuk membuat ruang kosong di sekitar elemen, di luar garis batas (border) yang ditentukan.
Margin selalu transparan dan tidak memiliki warna latar belakang.
margin: 20px; (Semua 4 sisi sama)margin: 10px 20px; (Atas-bawah 10px, kiri-kanan 20px)margin: 0 auto; (Pusatkan elemen block tepat di tengah halaman secara horizontal!)<!DOCTYPE html>
<html>
<head>
<style>
.kotak-tengah {
width: 280px;
margin: 30px auto;
background: #ffffff;
border: 2px solid #0d2e5c;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
</style>
</head>
<body style="background:#f1f5f9;">
<div class="kotak-tengah">
<h4 style="margin-top:0;">Kotak Tengah Otomatis</h4>
<p style="margin-bottom:0;">Menggunakan <code>margin: 30px auto;</code>.</p>
</div>
</body>
</html>Teknik margin: auto; adalah cara klasik paling andal untuk memusatkan elemen block yang memiliki lebar tetap.
Nilai margin apa yang digunakan untuk memusatkan elemen block secara horizontal di tengah layar?