CSS의 margin 속성에 세 개의 값 사용하기

마지막으로, 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;
}

Результат: