[CSS3] display 속성 : inline과 inline-block의 차이

✔︎ [CSS] display 속성 

: inline과 inline-block의 차이 

css에서 display 속성 중 block은 'div 태그'나 'p 태그'에 

기본적으로 적용되는 속성입니다. 자체적인 block을 가져서 

해당되는 태그가 아예 한 줄을 차지해버리죠. 

그렇다면 inline과 inline-block은 무엇일까요?

▶ inline

inline 속성을 가진 태그는 한 줄을 차지하지 않고, 다른 태그 옆에 나란히 표시됩니다. 

width와 height 값이 적용되지 않습니다.

▶ inline-block

inline 속성을 가진 태그는 한 줄을 차지하지 않고, 다른 태그 옆에 나란히 표시됩니다. 

덧붙혀 width와 height 값이 적용될 수 있습니다.