Instagram中的不必要的破折号字体真棒

Question

我有这个网站 HERE ，我有以下代码用于导航栏中的字体真棒图标：

<u class="nav-social-media">
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>    
 </u>

现在我检查了:after和:before部分中的所有psudo代码，但我似乎还是得到了这个小破折号：

为什么我会得到那个破折号？

我甚至尝试将Instagram图标更改为图像而不是图标，但仍然可以使用破折号。为什么？

Answer 1

li元素中包含underline项。

改为将其更改为un-ordered list元素，您将进行排序。

<ul class="nav-social-media">
    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#"><i class="fa fa-instagram"></i></a></li>    
</ul>