div 요소 중앙 정렬

div 요소 화면 중앙 정렬하는 방법 ✔️

HTML에서 div 요소를 중앙 정렬해야 할 때가 있습니다. div 내 콘텐츠는 text-align 을 통해 정렬할 수 있지만, div 자체를 페이지 내 중앙으로 정렬하려면 약간의 트릭이 필요합니다다. 1. 다음과 같이 position: abosulte와 left, top 및 transform 속성을 사용하면 요소를 화면 가운데로 정렬할 수 있습니다. See the Pen Div Element Align Center by Jeong (@jeongKR) on CodePen. 2. flex 속성을 이용한 중앙 정렬도 가능합니다. flex 속성에 대한 자세한 내용은 이곳에 정리해보았습니다. .container { display: flex; justify-content: center; align-items: c..