[TIL] 07.20

텍스트와 버튼이 양 사이드에 위치하는 컴포넌트 CheckPolicy가 있다. 이 컴포넌트는 3곳에서 적용이 되는데 세로 정렬이 3가지다 다르게 적용이 되고 있었다. 상위에서 css를 설정해 주는것도 아니였고 다른 css코드도 전부 일치하였는데 왜 차이가 나는지 정확한 이유를 알 수 없었다. 그래서 flex로 정렬을 맞춰보기로 하였다. 

텍스트와 버튼을 감싸는 div에 아래와 같이 설정을 해주었다. 

display: flex;
justify-content: space-between;
item-align: center;

flex 정렬 참고 자료 : https://d2.naver.com/helloworld/8540176