Align material icon vertical IE/Edge

Asked Sep 24 '18 at 08:54

Active Sep 24 '18 at 08:54

Viewed 84 times

I am trying to vertically align my icon in a button on IE / Edge. It works in Chrome, FF ...

I have tried everything, without success.

This is a HTML code:

<button>
    <i class="material-icons valign add-property-button">
        add
    </i> 
</button>

I have created a Plunker (JSFiddle not working on IE) which demonstrates the problem: https://plnkr.co/edit/awk2usjeNjhi83DxLOr5?p=preview

Thank you in advance

asked Sep 24 '18 at 08:54

Dooxe

I think you need use `button{ padding: 0; }` and `.material-icons{ float: left; padding: 4px; line-height: 24px; }` css for IE / Edge. – Shahaji Deshmukh Sep 24 '18 at 09:00
I tried that but it does not work either. – Dooxe Sep 24 '18 at 12:06

0 Answers0