<li><a href="link">ABC</a></li>
위 코드처럼 a 태그가 다른 block 태그에 감싸져 있을 경우
<a>
태그는 inline
속성을 가지지만,
<li>
태그는 block
속성을 가지기에 li
영역을 클릭해도 a
태그는 작동하지 않고
a
태그의 내용인 ABC를 클릭해야 한다.
li
영역을 선택해도 a
태그가 작동되게 하기 위해서
a {display:block;}
위 속성을 부여하여 display를 블록으로 만들면 해결할 수 있다.