box와 inline 차이는?

옆에 다른 요소가 못 오는 게 block

ex)

<div>, <p>

 

 

옆에 다른 요소가 올 수 있는 게 inline

ex)

<span> <a>  <img> 

 

 

 

링크와 <span> 사이에 껴있는 이미지 왜? 인라인 요소이기 때문

 

옆에 다른 요소가 못 오는 게 block 

옆에 다른 요소가 올 수 있는 게 inline

 

in the same line == inline

 

대부분의 box는 block 임

<header>도 블록

 

그래서 인라인인 요소를 외우는게 편함. 근데 어차피 안외우고 그때 그때 찾아보면서 하는 방식으로