[HTML/CSS] block, inline, margin, collapsing margins

block - 옆에 다른 요소가 올 수 없음.

 

inline - 옆에 다른 요소가 올 수 있음. (span, a link, image)

어떤 요소가 inline이면 height, width를 가질 수 없다. (inline은 높이와 너비가 없다.)

 

display 속성으로 block, inline 값을 바꿀 수 있음.

 

margin : box의 border로부터 바깥에 있는 공간 

margin 순서 : 위 - 오른쪽 - 아래 - 왼쪽 (시계 방향)

 

collapsing margins : 위, 아래쪽에서만 발생