HTML-CSS Center Text horizontally and vertically in a link

Question

I am trying to make a link which has a height and a width of 200px. The text of the link shall be centered vertically and horizontally.

Thi

Answer 1

If the number of rows (or the inner element height) is not known, there is another trick using display: table and vertical-align:

.wrapper{
    display: table;
}
.link{
    display: table-cell;
    vertical-align: middle;
}

Example

Full article with details