Vertically align text in "a" tag element with CSS

Question

Aryan Kumar · Answer

You can vertically align text in an "a" tag element using CSS by setting the "line-height" property to be equal to the height of the element. Here's an example:

HTML:

<a href="#">Click me</a>

CSS:

a {
 display: inline-block;
 height: 50px;
 line-height: 50px;
 vertical-align: middle;
}

In the example above, we set the "display" property of the "a" tag element to "inline-block" so that we can set its height. We then set the "height" property to be the desired height of the element and the "line-height" property to be equal to the height. Finally, we set the "vertical-align" property to "middle" to align the text vertically in the middle of the element.

forum

Vertically align text in "a" tag element with CSS

Can you answer this question?

1 Answers