Empat Nilai dalam Properti margin di CSS
Dalam kasus di mana properti margin ditentukan dengan empat nilai, maka nilai pertama menentukan jarak dari atas. Nilai kedua menentukan jarak dari kanan, ketiga - dari bawah, dan keempat - dari kiri. Artinya kita mulai dari atas dan berjalan searah jarum jam: atas-kanan-bawah-kiri. Lihatlah contoh:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 10px 20px 30px 40px;
}
:
Ulangi halaman sesuai contoh berikut: