a tag와 inline-block tag

a 태그는 inline 태그이지만 

 

<a href="#"> <div> 내용 </div> <a href="#"> 와 같이 예외적으로 내부에 block tag를 사용할 수 있다. 

이런 코드를 진행 할 시 자동으로 a tag는 block화 된다고 한다. 

 

inline tag는 width 값과 height 값을 지정할 수 없지만 

display : inline-blcok을 css에 설정 시 

inline tag처럼 좌우로 배열되지만 block tag와 같이 width와 height 값을 가질 수 있으니 이점 유용하게 사용하자