[css] a태그 안에 div..?

Yuni·2023년 9월 19일
1

프론트엔드

목록 보기
1/1

a태그 안에 div를 넣는건 좀 이상할까..?

버튼 안에 두줄로 글을 쓰고 싶다는 생각 때문이였다
</br>을 사용해도 되지만 각각 폰트 사이즈를 조절 하고 싶은데!
<span> 은 붙여쓰는거니까 <div>를 사용하면 되지않을까?라고 생각했었다
근데 사용이 된다는 글을 많이 보았다
but <div></div>display: block;를 줘야한다

이유

html의 원칙상 인라인요소 안에 블록요소가 들어가면 안된다고 한다!
하지만 html5에서는 <a>안에 블록요소가 들어가면 <a>가 블럭요소로 변신!
display: block;를 지정해주고 쓰면 된다!

<a>
  <div style="display: block;">안녕~</div>
</a>

참고문서
http://html5doctor.com/block-level-links-in-html-5/

profile
backend developers

0개의 댓글