Display에는 6종류가 있다
inline, block, inline-block, list-item, flex, none
1. inline
다른 요소들과 같은 줄에 머무르려고 하는 성향과, 필요한 만큼의 가로 길이만 차지하는 성향이 있음
가로세로의 개념이 딱히 없어서 width, height 정해줘도 의미없음
span, a, b, i, img, button 등이 있음
2. block
다른 요소들과 독단적인 줄에 가려고 하는 성향과, 최대한 많은 가로 길이를 차지하는 성향이 있음
가로세로 길이를 정해줄 수 있음
div, h1~h6, p, nav, ul, li 등이 있음
3. inline-block
inline 요소처럼 다른 요소들과 같은 줄에 머무르면서 block 요소처럼 가로, 세로 길이도 설정해줄 수 있음
4. list-item
display: block와 비슷하지만 약간 다름
자세한건 list 항목에서..
