텍스트 스타일링 - 중앙정렬에서 text-align이 아니라 flex를 쓴다면?

물로 text-align을 쓰면 되지만,

중앙정렬을 시키고자 할 때, flex와 justify-content를 쓴다면 어떻게 되는지 생각해보자.

flex의 경우에는 부모에 적용을 해서, 자식에게 정렬 기준을 세우면 되는데,

      <div className={styles.sidebarTitle}>주변 화장실 목록</div>

아래와 같은 상황에서는, textt가 sidebarTitle의 자식요소 관계라, 그냥 flex와 justify-content를 같이 쓰면 된다.