<css>요소를 중앙에 배치하는 법

가운데에 배치하고 싶을 때 속성 값!!
(상위 요소가 body이고 전체 枠를 가운데에 배치하는 경우)

position: absolute;       /*상위요소인 body를 기준으로 배치*/
left: 50%;                /*왼쪽 끝에서 50%만큼 떨어뜨리고*/
transform: translate(-50%, 0);  /*다시 남은 왼쪽으로 50%이동시키면 딱 중앙에 위치한다*/

<설명>

• position:absolute --> 상위요소중 static아닌 것(relative)가 기준이 됨. 없으면 body가 기준.
• transform:translate(-50%, 0) - 지정 요소 X축으로 -50%이동

<참고>

• https://www.daleseo.com/css-position/
• https://www.biew.co.kr/entry/CSS3-Transform-%EC%86%8D%EC%84%B1-scale-rotate-translate-skew-%EC%8B%A4%EB%AC%B4%EC%98%88%EC%A0%9C-%EC%B2%A8%EB%B6%80%ED%8C%8C%EC%9D%BC-%ED%8F%AC%ED%95%A8
• https://asleeplessnight.tistory.com/5