CSS 중앙정렬 시키는 방법 - 블록요소, 인라인요소

가로 중앙 정렬, 세로 중앙 정렬

1. margin : auto (수평 정렬) - 블록요소에만 해당됨.


2. 수평 / 수직 정렬 - 부모 요소에서 작성해 줘야 함.
   display : flex
   justify-content : center - 가로 중앙
   align-item : center - 세로 중앙


3. 수평 / 수직 정렬
   position : absolute - 절대적인 위치 지정
   top : 50% - 위에서부터 중앙 50%에 위치
   left : 50% - 왼쪽에서부터 중앙 50%에 위치
   transform : translate (-50%, -50%) - 위로 -50% 이동, 좌로 -50% 이동