css 중앙 정렬(flex 아님)

1. 문제 상황

작업하는 페이지 ui가 조금 수정되면서 페이지네이션 버튼을 화면 중앙에 위치하게 했어야 했다.
근데 display:flex와 justify-content:center가 먹지 않았다. 중앙 정렬을 할 때는 매번 flex를 이용했는데 flex가 안된다니....!🙀
left, right를 주려고 했는데 어디에서 붙었는지도 모르겠는 이상한 margin이 있어서 수정이 쉽지 않았다.
계속 구글링을 하다가 결국 방법을 찾아냈다 🥳

2. 해결 방법

transform 속성 이용하기

.parent {
position: relative;
}

.child {
position: absolute;
right: 50%;
transform: translateX(50%);
}