Menu icon Foundation
Icon is not on the line with the text following it

Hi,

I have a fi-mail icon just before 'Contact Us' h3 text. However, the icon is ever so slightly higher than the text. How do I move it lower? I tried margin-top, padding-top, but no success.

 <h3><i class="fi-mail size-48 "></i>Contact US</h3>

Thank you.

 

icon

Hi,

I have a fi-mail icon just before 'Contact Us' h3 text. However, the icon is ever so slightly higher than the text. How do I move it lower? I tried margin-top, padding-top, but no success.

 <h3><i class="fi-mail size-48 "></i>Contact US</h3>

Thank you.

 

Rafi Benkual over 2 years ago

Best to use the vertical-align property. It's made for text