display정리

display의 종류
모든 요소는 딱 한개의 display값을
가지고 있다. 가질수있는 display종류는


inline
block
inline-block
flex
list-item
none


등등 여러가지가 있는데 대부분은
inline과 block 중 한 가지이다.

block는 독립적으로 줄바꿈을 하고
그 줄 공간을 다 차지한다.


inline은 같은 줄에 머무르려고 하는 성향과
필요한 만큼 가로길이를 차지한다.


다음 요소들은 기본 display 값이 inline이다.


<span>
<a>
<b>
<i>
<img>
<button>



display 바꾸기

1. display: block; // inline을 block으로 바꿈
2. display: inline; //block을 inline으로 바꿈