라인 중학교 1학년 코딩반

Block구조는 한 줄에 나열되지 않고 그 자체로 한 줄을 완전히 차지한다. 따라서 같은 줄에 여러 개를 놓으려는 콘텐츠는 Block구조를 사용하면 안된다.

대표적인 태그로는 <p>태그가 있다. 또한, Block태그는 margin, width, height 속성을 정의하면 모두 적용된다.

Inline 구조는 줄을 바꾸지 않고 다른 요소와 함께 한 행에 위치하려는 성질을 갖고있다. Inline 구조를 갖고 있는 대표적인 태그로는 <a>태그가 있다.

Inline과 Block, 두 속성의 중간 단계인 inline-block이라는 이 속성은, Inline과 같이 한 줄에 표현하면서도 margin, width, height 속성을 정의하면 표현할 수 있다. inline-block 속성을 기본값으로 가지고 있는 태그는 없다. 이 속성은 작성자의 CSS를 통해 inline-block임을 선언해 사용하여야 한다.