CSS Layouting : Box model (margin)

margin adalah bagian terluar dari element

margin mempunyai 4 properti

- margin-top

- margin-right

- margin-left

- margin-bottom

contoh :

Diatas saya sudah mempunyai HTML dan CSS. jika kotak satu diberi margin-top: 40px; maka kotak satu akan turun kebawah 40px

jika kotak satu ditambahkan margin-left: 100px; maka kotak satu akan bergeser kekanan 100px

jika kotak satu ditambahkan margin-bottom: 40px; maka kotak satu akan turun kebawah 40px

jika kotak satu ditambahkan margin-left: 40px; maka dalam display tidak terjadi apa-apa padahal sebenarnya ada ruang dikanan sebesar 40px.

css