CSS translate


# **수평/수직 정렬(Horizontal & Vertical Align)**
요소의 너비와 높이가 고정되어 있는 경우, 요소의 너비와 높이가 불확정 상태의 경우 모두 사용 가능한 방법
```type.parent {  position: relative;}.child {  position: absolute;  top: 50%;  left: 50%;  /*요소의 높이/너비의 반(50%)만큼 위/왼쪽으로 이동*/  transform: translate(-50%, -50%);}```




> [CSS3 Horizontal & Vertical Centering | PoiemaWeb](https://poiemaweb.com/css3-centering)







