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:
andlt;a href="#">Click meandlt;/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

Utpal Vishwas

Can you answer this question?

1 Answers

Liked By