🎞 block & inline

✔ 대부분의 HTML element(이하 요소)는 block 요소이다.

<header>, <footer>, <p>, <li>, <table>, <div>, <h1> 
같은 요소들 옆에는 다른 요소를 붙여 넣을 수 없다. 

✔ inline 이라는 말 그대로 서로 한줄에, 바로 옆에 위치 할 수 있다.

✔inline-block 기본적으로 inline 처럼 전후 줄바꿈 없이 나란히 배치된다.
하지만 inline 에서 불가능하던 width, height, margin, padding 속성 지정 가능함.

<button>,<input>,<select> 같은 요소

✔none 안보이게. 보였다 안보였다 하기 위해서 다른 요소랑 같이 많이 쓴다.

스타일은 바꿀 수 있다.

이를 위한 CSS property는 display 와 float 이 있다.