표 셀의 세로 맞춤 텍스트

Question

이 가격표의 "팀" "비즈니스"등 H4 제목을 각각의 표 셀에 세로로 정렬하는 데 어려움이 있습니다.

테이블은 너무 많은 스타일을 적용하지 않은 채로 상당히 간단한 것이므로 여기에서 내가 뭘 잘못하고 있는지 확실하지 않습니다. 나는 div에 텍스트를 배치하고 부모 div의 너비와 높이를 100 %로 설정하려고했습니다. 그것은 작동하지 않았다.

이

내가 일하고 연습 웹 사이트에 대한 링크입니다 : https://netterrain-new-features-clone.mystagingwebsite.com/network-documentation-pricing/

Answer 1

참고 : 오히려 웹 페이지보다 코드 (작동하지 않는)을 얻었다

를 추가해보십시오 다음과 같은 스타일을하는 것이 좋습니다

table th, table td{ 
    display: table-cell; 
    vertical-align: middle; 
}