[CSS] position: absolute 중앙정렬

position: absolute; 
bottom: 0px; 
left: 50%; 
transform: translate(-50%, 0);

 

position: absolute 후에
left 50%을 주면
당연히 중앙정렬이 안됀다 

왜냐면 50% 즉 화면 너비의 50% 만큼 이동했기 때문이다.
그래서 중앙정렬을 주려면 다시 -50%만큼 x축으로 이동하면 중앙정렬 완성

수평정렬 역시 마찬가지다