vertical-align:middle for text in button

Question

I have this layout:

My CSS:

body {
     background: #e2eaed;
}
         


        

Answer 1

Vertical align only affects elements that displayed as table cells (or inline blocks, but effect on later is different). Those elements must not be floated.

a {
  display: table-cell;
  vertical-align: middle;

  /* Reset */
  float: none;
  line-height: normal;
}