• CSS The display:inline-block value

display: inline 속성과 비교하면, 가장 중요한 차이는 display: inline-block 속성은 요소에 너비와 높이를 설정을 허용한다는 것입니다.

또한, display: inline-block 속성으로, 상단 및 하단 마진/패딩이 적용되지만, display: inline 속성은 상단 및 하단 마진/패딩이 적용되지 않습니다.

display: block 속성과 비교하면, 가장 중요한 차이는 display: inline-block속성은 요소 다음에 줄바꿈(line-break)을 추가하지 않아서, 요소는 다른 요소 옆에 위치할 수 있습니다.

하기의 예제에서 display: inlin , display: inline-block 그리고 display: block 속성의 다른 동작방식을 확인할 수 있습니다.