Ba giá trị trong thuộc tính margin trong CSS

Và cuối cùng, nếu bạn truyền cho thuộc tính margin ba giá trị, thì giá trị đầu tiên sẽ xác định khoảng cách phía trên, giá trị thứ ba - khoảng cách phía dưới, và giá trị thứ hai - đồng thời khoảng cách bên trái và bên phải.

Hãy xem ví dụ:

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

Результат: