앵커 내부 단락은

Question

일 수 없습니다. 나는 <p> 태그 <a> 태그가 형성되지 않는다는 것을 알지 못해서 HTML을 엉망으로 만들었습니다.

내가 가진 경우처럼 : <a> 부모의 폭이 200px; 텍스트입니다

<a> 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
</a> 

대신 내부의 텍스트에 맞게 새로운 라인 퍼팅의 200px; 통해 간다.

Answer 1

디스플레이를 추가

a { 
display: block; 
} 

Answer 2

을 만들려고 : 블록; a 요소에 고정시킵니다. a 태그는 기본적으로 인라인 요소입니다. 다른 요소를 보유 할 의도가 없으므로 width 속성이 영향을 미치지 않습니다. CSS를 사용하여 블록 요소처럼 표시하면 너비와 같은 속성이 올바르게 작동해야합니다. 나는 jsfiddle에 대한 작업 데모를 가지고있다 here.

Answer 3

마크 업에 강제 앵커 href이 누락되었습니다. 다음은 제대로 렌더링 것 :

<a href="#"> 
    <p>Lorem Ipsum is simply dummy text... ever since the 1500s, </p> 
</a> 

Check it out