position: absolute 속성을 이용하여 박스를 수평 및 수직 가운데 정렬하는 방법에 대해 정리해 보겠다.

1. 수직 가운데 정렬

• 위치 상 부모박스에 position 속성 부여
• 자식요소에 position: absolute 값 부여
• top: 0; bottom: 0; 으로 좌표점 설정
• margin: auto 0; 입력
• 해당박스에 정확한 height값 입력해야 정상적으로 수직 가운데로 이동

---

2. 수평 가운데 정렬

• 위치 상 부모박스에 position 속성 부여
• 자식요소에 position: absolute 값 부여
• left: 0; right: 0; 으로 좌표점 설정
• margin: 0 auto ; 입력
• 해당박스에 정확한 width값 입력해야 정상적으로 수평 가운데로 이동

---

중앙 정렬 (수평+수직)