CSS, 가로로 가운데 정렬 스타일 적용하기

코드 

이거는 꽤 자주 쓰는데 왤케 안 외워지는지 모르겠다

.main {
  display: flex;          /* Flexbox layout을 사용 */
  flex-direction: row;    /* 요소들을 가로 방향으로 정렬 */
  align-items: center;    /* 세로 방향 가운데 정렬 */
  justify-content: center; /* 가로 방향 가운데 정렬 */
}

---

적용 전

---

적용 후