Четири вредности во својството 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;
}

Результат: