html - Font Awesome 的 Instagram 图标中不必要的破折号

Question

对于导航栏中的 Font Awesome 图标，我有以下代码:

<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 部分中的所有伪代码，但我似乎仍然得到这个小破折号:

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

我什至尝试将 Instagram 图标更改为图像而不是图标，但仍然得到破折号。为什么？

Answer 1

您的 li 元素包含在 underline 元素中。

改为将其更改为无序列表 元素，您将被排序。

<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>