inline-block

블록 레벨 요소와 인라인 레벨 요소 CSS에서 display 속성은 웹페이지에서 요소들이 어떻게 보여지고 다른 요소와 어떻게 상호 배치되는지를 결정한다. 이를 이해하기 위해서 우선 블록 레벨 요소가 무엇인지, 인라인 레벨 요소가 무엇인지 살펴본다. 블록 레벨(block-level) 요소 태그를 사용해 요소를 삽입했을 때 혼자서 한줄(width 100%)을 차지하는 요소이다. 해당 요소의 좌, 우측에는 다른 요소가 올 수 없으며 새로운 라인을 추가한다. 너비, 마진, 패딩 등을 이용하여 크기나 위치를 지정하려면 블록 레벨 요소여야 한다. 블록 레벨의 대표적인 태그로는 , , , , , , , , , , 등이 있다. 인라인 레벨(inline-level) 요소 블록 레벨 요소와 달리 줄을 차지하지 않으며 화면..