.callUs { position: absolute; display: table-cell; text-align: center; vertical-align: middle; /* Не работает! */ width: 50px; height: 50px; bottom: 50px; right: 50px; border: 1px solid black; background: lime; } *{box-sizing: border-box;}

For some reason, the vertical alignment of the content does not work, if you specify absolute positioning. It would seem that no connection, everything is set correctly.

    1 answer 1

    Application of the property position: absolute; automatically assigns the display: block; property to the display: block; . If turning the block into a table cell is only used for vertical centering, then it is worth trying other techniques.

    • Thank you for your reply. - Yes Man
    • I think inline-block .... - NeedHate