HTML 태그의 두 가지 성격(Block 요소와 Inline 요소)

Block 요소와 Inline 요소를 구분 짓는 세 가지 특징

• 줄 바꿈 현상이 있는가
• 가로, 세로 공간에 대한 크기를 만들 수 있는가
• 상, 하 배치가 가능한가

 

 

Block 요소

y축 정렬 형태로 출력된다(줄 바꿈 현상이 나타난다).

공간을 만들 수 있고 상, 하 배치 작업이 가능하다.

 

 

 

Inline 요소

x축 정렬 형태로 출력된다(한 줄에 출력된다).

공간을 만들 수 없고 상, 하 배치 작업이 불가능하다.