[CSS] 블록 레벨 엘리먼트, 인라인 엘리먼트

화면 전체를 쓰는 태그들을 블록 레벨 엘리먼트라고 하고, 자기 자신의 콘텐츠 크키만큼 쓰는 태그들을 인라인 엘리먼트라고 한다. 이러한 특징에 관여하는 속성이 바로 'display'이다.

 

블록 레벨 엘리먼트에 아래와 같은 속성을 추가하면 인라인 엘리먼트 처럼 취급한다.

display : inline;

반대로, 인라인 엘리먼트에 아래와 같은 속성을 추가하면, 블록 레벨 엘리먼트로 취급할 수 있다.

 

display : block