불필요한 대시

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> 

내가 모든 psudo 코드를 확인했다 :after 및 :before 부분은,하지만 난 여전히이 작은 대시 얻을 수가 :

왜 내가 그 대시를 얻고을 ??

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>