1. div 태그 가로/세로 중앙-가운데-정렬
- flex 사용시 : div태그의 경우 flex와 margin으로 가운데 정렬할 수 있다.
.state-card-pack-label {
background-color: #0f1642;
position: absolute;
bottom: 0;
width: 212px;
height: 65px;
/* 가운데 정렬 */
display: flex;
/* justify-content: center; */
}
.state-card-pack-label-text {
/* 가운데 정렬 */
margin: auto;
}
place-items: center;
display: grid;
출처
https://hianna.tistory.com/675
2. Tailwind의 경우 flex 또는 grid를 이용
- flex flex-col align-center
- grid place-items-center
출처
https://eight20.tistory.com/53