부트스트랩 span 태그 안의 글자 가운데 정렬하기(수평, 수직)

가끔 span 태그 안의 문자의 수평/수직 정렬이 맞지 않아 거슬릴 때가 있었는데

 

부트스트랩의 경우 클래스명으로 d-flex justify-content-center align-items-center 를 사용해 수평/수직 정렬을 한다.

 

<span class="d-flex justify-content-center align-items-center">
    가운데 정렬할 문자
</span>