div 와 inline

div는 컨텐츠박스를 의미한다

✔️ padding= 박스 경계 안

✔️ margin= 박스 경계 밖

✔️ border= 경계

📌 박스 옆으로 박스가 올 수 없다 이것을 block이라고 한다.

     ㄴ 'header' 'p' 도 블럭이다 .

📌 다른요소가 올 수 있는것을 inline이라 한다.

      ㄴ span, image, a

block 아닌것을 기억하는게 훨씬 쉽다.
block과 inline을 서로 바꾸는것은 가능하다 이것을 display속성이라한다.
display: inline; -> 디폴트값

📌 인라인을 블럭으로 바꾸기

display: block;

하지만 div를 inline 으로 바꾸면 사라진다.
왜냐하면 inline은 높이와 너비를 가질 수 없기 때문이다.
그러므로 div는 높이와 너비를 가질 수 있다는 소리이다.