css-margin auto

.center {
  margin: 20px auto;
}

엇! 앞에서 margin을 배웠을 때 1개나 4개의 값을 주었습니다.
1개 값이 있을 때는 사방 모두 같은 margin을 준다는 의미였고,
4개 값이 있을 때는 위/오/아래/왼 순서로 margin을 준다는 의미였습니다.

이렇게 2개의 값만 있을 때의 의미는 첫 번째는 위, 아래의 margin이고
두 번째는 왼, 오른쪽에 주는 margin이라는 뜻입니다.
위의 css를 풀어쓰면 아래와 같습니다.
.center {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;