css로 중앙 가운데 정렬

<style>

.test{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}

</style>

position 으로 가운데 정렬 후,

transform 으로 세로 정렬 세팅

translate(x,y) -> x축과 y축으로 위치 변경

translate(-50%, -50%) -> 현재 타겟의 너비의 반만큼, 높이의 반만큼 x축과 y축으로 마이너스 이동