Icon and text alignment

Can anyone explain to me why the icon and the text aren’t sitting perfectly side by side? Why both elements are not centered vertically?

A Pen by Rand Dodson (codepen.io)

Try adding vertical-align:middle to the image.


a.-menu img {
    display: inline-block;
    padding: 0 0 5px;
  vertical-align:middle;
}

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.