在表格单元格中垂直对齐文本

Question

I'm having difficulty in vertically aligning this pricing table's "Team" "Business" etc H4 headings in their respective table cells.

The table is a fairly simple one without too many styles applied so I am not sure what I am doing wrong here. I have tried wrapping text in a div and setting the parent div's width and height to 100%. It didn't work.

This is the link for the practice website where I am working: https://netterrain-new-features-clone.mystagingwebsite.com/network-documentation-pricing/

Answer 1

Note: It's better to give code(not working) rather than webpages

Try adding following styles

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