[지식]display:inline 과 inline-block 의 차이

display:inline 

<span> 이라는 태그의 성질로 content/text 크기만큼만 점유 , 동일한 라인에 붙는 성질

텍스트 내에 특정 부분에 스타일을 간단히 줄때에 많이 사용한다.

ex ) 두꺼운 효과 등

높이와 넓이등 효과 적용 불가 , 마진/패딩 적용불가

 

display:inline-block

높이 , 넓이 적용 가능

마진/패딩 적용 가능

line-height 적용 가능

 

-> 간단히 텍스트 내에서의 수정이 필요한경우 inline정도만 쓰는게 좋고 , 디테일한 보정이 필요하면 inline-block을 사용하는것이 좋다