block 요소는 블록 요소 상자를 생성하여 전후에 줄 바꿈을 생성해준다. inline 요소는 앞이나 뒤에 줄 바꿈을 생성하지 않는 하나 이상의 인라인 요소 상자를 생성한다. 정상적인 흐름에서는 공간이 있으면 다음 요소가 같은 줄에 있다. inline-block 요소는 단일 인라인 상자인 것처럼 주변 콘텐츠와 함께 블록 요소 상자를 생성합니다. inline과의 주요 차이점은 요소에 너비와 높이를 설정할 수 있다는 것이다. block과의 가장 큰 차이점은 요소 뒤에 줄 바꿈을 추가하지 않기 때문에 요소가 다른 요소 옆에 놓일 수 있다는 것이다. See the Pen Untitled by syoungee (@syoungee) on CodePen.