How to vertically center an a tags text?

Asked Oct 14 '14 at 17:22

Active Oct 14 '14 at 17:22

Viewed 45 times

How do you vertically center an a tag's text?

Super basic example:

HTML:

<div>
  <a>W</a>
</div>

CSS:

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}


div {
  float: left;
  height: 20%;
  width: 100%;
  background: pink;
}

a {
  float: left;
  height: 100%;
  width: 20%;
  background: papayawhip;
  text-align: center;
}

asked Oct 14 '14 at 17:22

mildrenben

3,365
4
19
36

http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css – Marcelo Oct 14 '14 at 17:25
This doesn't work for the a tag alone. Are you saying I'd have to wrap it in a div? – mildrenben Oct 14 '14 at 17:29

How to vertically center an a tags text?

0 Answers0