Štiri vrednosti v lastnosti margin v CSS

V primeru, če so v lastnosti margin podane štiri vrednosti, potem prva vrednost določa odmik zgoraj. Druga vrednost določa odmik desno, tretja - spodaj, in četrta - levo. To pomeni, da začnemo zgoraj in gremo v smeri urinega kazalca: zgoraj-desno-spodaj-levo. Poglejte primer:

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;
}

Результат: