블록의 성격 (display: block)

• block 요소는 한행을 차지하는 성격이 있다.
• 가로값, 세로깂을 가질 수 있다.
• p, div, header, footer, section, article, aside 태그 등이 있다

인라인의 성격 (display: inline)

• 인라인 요소는 자신의 영역만큼만 차지한다. 가로로 배열된다.
• 인라인 요소는 가로값, 세로 값을 가질 수없다.
• padding값은 가질 수 있다.
• margin-left, margin-right 값은 가질 수 있다.
• margin-top, margin-bottom 값은 가질 수 없다.
• a태그, img태그, span태그 등이 있다.

안녕 안녕 안녕

인라인-블록의 성격 (display: inline-block)

• 인라인과 블록의 성격을 동시에 갖는다.
• block 성질: 가로값과 세로값을 가질 수 있다.
• block 성질 : 마진, 패딩값을 가진다.
• inline 성질: 가로로 배치된다.

안녕 안녕 안녕