Html 删除间隙中的下划线链接

对不起，我的英语不好

你好，我在一些参考使用，我需要之间的图标和删除下划线的文字链接，有这样的可能性吗

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

模式

如果要删除

a

和

i

之间的行，请添加一个填充器：

右填充

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

此外，删除文本“用户名”前的空格。不管怎样，我还是把它放在小提琴上了

结果

---

移除空间并在i标记内使用填充

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

---

a{text-decoration:none；}对不起，可能我没有准确地提出问题，我的英语不是很好，但是用户BillOfUK理解我并回答了我所有的问题。谢谢，一切都很顺利。非常感谢。

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