text 아래 공백

안녕하세요 사진을 추가하여 질문드립니다. 첨부된 순서대로 1. a태그에 underline 이 적용되어 있습니다. 2. a태그에 text-dexoration 에 none 을 적용시켰으나, a태그를 선택할때 선택되는 영역입니다. (underline 영역이 공백으로, 그대로 남아 있습니다.) 3. a태그를 선택할때 선택되는 영역입니다. 3. a 태그에 padding 값을 주었지만, underline 이였던 영역이 그대로 남아 있습니다. 4. a태그를 inline-block 으로 크기값을 주었지만, underline 이였던 영역이 그대로 남아 있습니다. underline 이였던 영역을 완전히 없애서, a태그의 텍스트 위아래 영역이 다른 문제점을 해결하고 싶습니다. ㅠ (사진) (사진) (사진) (사진)