vertical-align:middle for text in button

Question

I have this layout:

My CSS:

body {
     background: #e2eaed;
}
         


        

Answer 1

Another method would be using flexible boxes:

a {
  display: inline-flex;
  align-items: center; /* cross axis */
  justify-content: center; /* main axis */

  line-height: 1; /* reset */
}

You may need to add prefixes, see browser support and fiddle.