[CSS] position: absolute인 요소를 중앙 정렬하기

코드

element {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

 

설명

1. left : 50% - 화면의 가로 수치에서 절반 만큼 위치를 이동한다

 

2. transform: translateX(-50%) - 요소의 가로 수치의 절반만큼 마이너스 이동한다