删除间隙中的下划线链接

Question

抱歉，我的英文。

嗨，我在一些参考资料中使用FontAwesome我需要在图标之间删除下划线文字链接，是否有这种可能性？

<p><a href="#"><i class="fa fa-user"></i> Username</a></p>

JSFiddle

中的模式

Answer 1

删除空格并在i标记内使用填充

a:hover {text-decoration:none;}
a i {text-decoation:none; padding-right:5px}

http://jsfiddle.net/jEh6J/2/

Answer 2

a:hover {text-decoration:none;}
a {text-decoration:none;}

http://jsfiddle.net/jEh6J/1/

Answer 3

Fiddle

如果您想删除a和i之间的界限，请添加填充符：padding-right

a:hover {text-decoration:none;}
a i { text-decoration:none; padding-right:10px;}

此外，在文本“用户名”之前删除空格。无论如何我把它固定在小提琴里。

结果