div 태그와 span 태그의 차이점

div 와 span태그는 웹 페이지에서 영역을 지정할 때 사용하는 태그이다.
하지만 둘은 다른 차이가 존재한다.

1. 줄바꿈

가장 먼저 둘의 큰 차이는 줄바꿈 여부이다. div 태그는 자동으로 줄바꿈이 되지만 span 태그의 경우 자동으로 줄바꿈이 되지 않는다.

두번째로 div는 박스 형태로 영역이 설정되고, span 태그의 경우 텍스트 단위로 영역 설정이 된다
이는 div의 경우 block 속성, span은 inline 속성을 갖기 때문이다.

그러므로 <span> 태그는 CSS 사용시 width, height 등 박스의 크기를 설정하는 속성이 작동하지 않는다. 하지만 display: inline-block; 속성을 추가하면 이를 작동시킬 수 있다.