Remove underline only from anchor element child

Question

When an a tag contains child elements, like an i tag, it\'s still applying the underline to it on hover, and I\'m wondering how to remove the under

Answer 1

Set the display property of i to inline-block:

a i {
    ...
    display: inline-block;
}

JSFiddle