text-align, display, vertical-align을 이용해 보더 정중앙에 텍스트 배치 [그림 1]의 겉뚜껑 카드 안에 "정상, 대각선"을 그려 넣고자 했다. 보더 안에 텍스트를 넣는 것은 어렵지 않았다. 하지만 보더 안의 정중앙에 글자를 배치하기 위해서는 몇 가지 설정을 더 해줘야 했다. 아래 코드에서 주석에 해당하는 부분을 참고하자! .card-message-wrap { height: 40px; width: 40px; border-style: solid; border-width: thin; border-radius: 50%; /* 이하 텍스트 중앙 배치 코드 */ text-align: center; display: table-cell; vertical-align: middle; } bac..