block vs inline, inline-block

박스의 종류는 줄 바꿈이 되는 박스와 옆으로 붙는 박스로 구분할 수 있다. 줄 바꿈이 되는 박스는 block 박스, 줄 바꿈이 일어나지 않고, 크기 지정을 할 수 없는 박스는 inline 박스라고 부른다. 그리고 이 두 가지 박스 종류의 특징이 섞인, 줄 바꿈이 일어나지 않는 동시에 block 박스의 특징을 가지는 inline-block 박스도 존재한다.

예시)
줄 바꿈이 되는 요소: <h1>, <p> <div>
줄 바꿈이 되지 않는 요소: <span>