버튼안에 텍스트가 정렬이 되어 있었는데 글이 2줄이 되니 정렬이 제각각 엉망이여서 어떤 데이터가 와도 버튼안의 텍스트가 정렬이 되는 방법이 필요했다.
line-height: ; 줄 간격을 지정해주는 속성, 또는 세로 가운데 맞춤할 때도 사용할 수 있다.(display: flex를 사용해서 화면이 어그러질때 이용함)
text-align: center; 텍스트 수평으로 가운데 정렬
가운데 정렬 여러가지 속성이 있지만 flex를 사용하니까 쉽게 정렬이 된다.
display: flex;
align-items:center; 두개를 같이 쓰면 세로 가운데 정렬
여기에 justify-content: center;는 수평 가로로 정렬이다.
