블록 & 인라인

Block Level 요소 : 한 줄에 하나의 요소 표시

 

                          - 부모 요소의 가로 영역에 맞게 꽉 채워져 표현되는 요소

                          - div, h1~h6, p, ul, li, table

 

Inline Level 요소 : 한 줄에 여러개의 요소 표시

 

                          - 하나의 라인 안에서 자신의 내용만큼의 박스를 만드는 요소 

                          - span, i, img, em, strong, a

 

예외 경우

            - <a> 는 인라인 레벨 요소지만 자손으로 블록 레벨 요소를 가질수 있다.