[CSS] block vs inline vs inline-block

display 시작하기에 앞서 display 속성은 그 값에 따라서 웹페이지를 보고 있는 사용자에게 특정 요소(element)를 어떻게 보여줄지 결정됩니다. block display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 즉, block은 한 영역을 차지 하는 박스형태을 가지는 성질입니다. 그렇기 때문에 기본적으로 block은 width값이 100%가 됩니다. 그리고 라인이 새로 추가된다는 것을 알 수 있습니다. 대표적인 block 엘리먼트로 이나 , 태그 등을 들 수 있습니다. 특징 width, height, margin, padding 속성이 모두 반영이 됩니다. inline display 속성이 inline으로 지..