<p> 태그를 사용한 Hello World 문장은 y축(세로)을 기준으로 정렬됩니다. 반면 <span> 태그를 사용한 Nice to meet you 문장은 x축(가로)을 기준으로 정렬됩니다. 이처럼 줄 바꿈 현상이 일어나 y축 방향으로 콘텐츠가 정렬되는 태그를 Block 요소라고 하고, 줄 바꿈 현상이 일어나지 않아 x축 방향으로 콘텐츠가 정렬되는 태그를 Inline 요소라고 합니다.

Block 요소를 갖고 있는 태그에는 <h1> ~ <h6>, <p>, 웹 사이트 공간을 정의하는 태그, 즉 <header>, <section>, <main>, <aside>, <footer>, <div> 태그 등이 있습니다. 반대로 Inline 요소를 갖고 있는 태그에는 <span>, <a>, <input> 태그 등이 있습니다.

표 3-1 Block 요소를 갖고 있는 태그와 Inline 요소를 갖고 있는 태그

	태그 종류	줄 바꿈 유무
Block 요소	<h1>~<h6>, <p>, <header>, <section>, <main>, <aside>, <footer>, <div>	O
Inline 요소	<span>, <a>, <input>	X