CSS : 텍스트 장식 만들기 : 밑줄을 사용하여 요소 앞까지 확장

Question

Icomoon 아이콘 글꼴을 사용하여 <a>의 :before 요소에 아이콘을 추가하고 있습니다. 그것은 위대한 작품이지만 text-decoration: underline 아이콘, 그리고 앵커의 텍스트를 다룹니다. 빈칸에 밑줄이없는 부분이 있습니다.

<a> 태그와 유사 요소 모두에서 밑줄을 확장하려면 어떻게해야합니까?

Answer 1

text-decoration: underline보다는 앵커에 display: inline-block에 width을 더하고 마지막으로 border-bottom과 같은 속성을 지정하면 문제를 해결할 수 있습니다. 그냥 생각했다