Tailwind

요소 정렬

place-items-center

가로축 기준 가운데 정렬

<div className="flex flex-row place-items-center">
	<요소1 />
	<요소2 />
</div>

place-content-center

세로축 기준 가운데 정렬

<div className="flex flex-row place-content-center">
	<요소1 />
	<요소2 />
</div>

이미지, 텍스트 동시 정렬

텍스트의 경우 g처럼 글씨가 아래로 내려갈 공간 등 없앨 수 없는 패딩이 존재한다.

이를 없애기 위해선 글씨를 svg 파일로 변환 후 사용하는 게 편한다.