CSS : 글자 가운데 오게 하는 법 (중앙 정렬)

화면을 그리다 보면 CSS 를 사용하여 Text 를 가운데 정렬 하고 싶을 때가 있다.

그럴 때에는 간단하게 원하는 텍스트를 감싸고 있는 태그에 아래와 같이

display: flex 와 test-align: center 를 적절히 조합하면 쉽게 해결된다.

<div class="container">
	<div>글자</div>
</div>

<style>
.container {
  display: flex;
  align-items: center;
  height: 100px;
}
</style>