display : inline
<span>
태그의 성질은 content, text 크기만큼만 점유하고 동일한 라인에 붙는 성질을 가지고 있다.display : inline
<div>
태그의 성질은 한 줄을 전체를 점유하고, 다음 태그는 다음 줄로 넘어간다.display : inline-bloack
display : inline
+ display : inline
= display : inline-bloack
display : inline-bloack
은 블록 사이의 디테일한 간격을 컨트롤 할 수 없다.display : flex
를 잘 사용하면 사용할 이유가 없다고 생각한다.