text 아래 공백

Question

안녕하세요

a태그에 reset css 로 text-decoration: none 이 적용되어 있는데,

a태그의 underline이 눈에 보이지만 않을 뿐 그 두께가 그대로 남아 있어서,

a태그 text 위의 공백보다 간격이 넓은 공백이 text 아래에 생기는 것 같습니다. (원인이 이게 맞나요?)

강의 내용처럼 padding을 줘도 그 공백이 없어지지 않고,

inline-block으로 높이값을 주고 line-height로 중심에 보내봐도 없어지지 않는데,

검사창에서는 margin 이든, padding 이든 아무것도 안 잡힙니다.

어떻게 해야 이 공백을 없앨 수 있는 건가요 ?

관련강의는 callaction section 상세 퍼블리싱 입니다.

Answer

안녕하세요 사진을 추가하여 질문드립니다.

첨부된 순서대로

1. a태그에 underline 이 적용되어 있습니다.

2. a태그에 text-dexoration 에 none 을 적용시켰으나,

a태그를 선택할때 선택되는 영역입니다. (underline 영역이 공백으로, 그대로 남아 있습니다.)

3. a태그를 선택할때 선택되는 영역입니다. 3. a 태그에 padding 값을 주었지만, underline 이였던 영역이 그대로 남아 있습니다.

4. a태그를 inline-block 으로 크기값을 주었지만, underline 이였던 영역이 그대로 남아 있습니다.

underline 이였던 영역을 완전히 없애서, a태그의 텍스트 위아래 영역이 다른 문제점을 해결하고 싶습니다. ㅠ

Answer

아래 그림처럼 .callaction-heading a에 속성을 주면 잘 알아서 들어갈거에요.

코드를 보여주지 않으셔서 확실하지 않지만 아마도 선택자가 오타가 있거나 그럴 수 있어요.