Vertical centering inside an anchor tag

Question

How can I vertically center the text “Don’t click me”:

<a href="#" style="background-color:red; display:inline-block; height:100px;">Don’t click me</a>

https://jsfiddle.net/r1t99rfz/5/ -- I would use tables and centre it, good website to check this on http://vanseodesign.com/css/vertical-centering/ — Hashey100, Jun 06 '17 at 16:25

score 0 · Answer 1 · answered Jun 06 '17 at 16:18

0

.anchor {
  background-color:red;
  display:inline-block;
  line-height: 100px;
  height: 100px;
}

Set line-height to the same value as height

answered Jun 06 '17 at 16:18

Jefferson

1 Answers1