한 줄에 하나씩 쌓인다.

가로와 세로 길이를 가진다.

화면 배치를 위해 사용한다.

대표적인 블럭 요소: <div> 태그

html 코드

style.css 코드

결과물

한 줄에 여러 요소가 나옴.

가로 세로 길이를 직접 명시할 수 없다. 즉, 내용물의 크기만큼 가로 세로를 가진다.

텍스트를 꾸밀 때 사용한다.

대표적인 인라인 요소: <span> 태그

html 코드

style.css 코드

결과물

가로 세로 길이 만큼 변한 것이 아닌 내용물의 크기만큼 가진 것을 알 수 있고, 한줄에 여러 요소가 나와 있다.