Четири вредности у својству margin у CSS-у

У случају да су у својству margin задате четири вредности, онда прва вредност задаје одступ одозго. Друга вредност одређује одступ с десне стране, трећа - одоздо, а четврта - са леве стране. Односно, почињемо одозго и идемо у смеру казаљке на сату: горе-десно-доле-лево. Погледајте пример:

html<div id="parent">
  <div id="child"></div>
</div>

css#parent {
  width: 300px;
  border: 1px solid red;
}
#child {
  height: 100px;
  border: 1px solid green;
  margin: 10px 20px 30px 40px;
}

Результат: