div, span 여백 특징(margin)

인강을 듣다가  div와 form의 차이를 정확하게 모르겠어서 정리하는 글

 

div와 span은 태그 영역을 설정 할 때 필요하다.

 

div

- 줄바꿈이 가능하다.

- 텍스트를 표헌할 때 박스 단위로 구역을 정한다.

- width, height 지정이 가능하다.(박스단위 구역이기 때문)

 

* 아쿠아마린 컬러가 div 코랄컬러가 span

 

 

span의 margin은 양 옆으로만 적용이된다.

 

div의 margin은 4방향 모두 적용이 된다.

위 아래 겹치는 여백은 상쇄됩니다. => 여백의 크기가 2배가 되는 것이 아니고 겹치는 것