CSS) margin

1. margin
요소의 '외부(바깥)여백'을 지정
음수 값을 사용할 수 있음

html

<div class="parent">
  <div class="child"></div>
</div>

 

css

.parent {
  width: 400px;
  height: 200px;
  border: 4px solid red;
  margin: 20px;
}
.child {
  width: 100px;
  height: 100px;
  border: 4px solid;
  margin: 50%;
}

 

실행화면

 

2. margin-top, margin-botton, margin-left, margin-right
개별속성 가능