너비가 100 % 인 링크 만들기

Question

나는 너비가 너비가 너비 인 상자가 있습니다. 그리고 그것에서 나는 링크 요소 (<li><a ..></a><li>)와 함께 목록 (<ul>)

CSS를 사용하여 어떻게 텍스트 외부와 상자의 100 % 너비로 클릭 가능한 링크를 만들 수 있습니다. 상자 속의 각 줄을 클릭 가능하게 만들기 : D

Answer 1

a 태그에 display: block을 추가하십시오.

Answer 2

나는 스콧에 동의하지만 대신에이 코드를 추천 할 것입니다 :

a { 
    display: inline-block; 
    width: 100%; 
} 

또는이 코드 : display: block가 <a> 요소가 라인에 표시하게 display: inline-block 때문에

<ul> 
    <li><a href="topage" style="display: inline-block">text</a></li> 
</ul> 

나는 좋습니다.

편집 (모두 모든 경우에서 하지만,이 경우 잘 될 것입니다) : width:100%이 참조되지 않은 것으로 보인다. 주석 처리를 위해 @LGSon에게 감사드립니다!