CSS를 이용하여 글자 정 가운데 위치시키기

.crocus-text{

font-size: 50px;

color:white;

user-select: none;

position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)

}

를 이용하면  position:absolute; top: 50%; width:100%; text-align:center 혹은

left:50%를 이용하지 않아도 중간으로 위치시킬 수 있다.

장점은 자신의 크기만큼만 공간을 차지하기에 width:100%랑은 차이가 존재한다.