display common property values

display:
    none
    inline inline element
    block block element
    inline-block inline block element
    table-cell element as table cell

When we use table, the cell has the effect of vertical centering, because the cell has the table-cell attribute,
If you want the container content to be vertically centered , you can combine table-cell with vertical-align:middle, which is similar to the line-height effect.

display: table-cell;
vertical-align:middle;