[HTML] div, span

• div 는 division 의 약자.
• 웹 레이아웃을 만들때 주로 사용.
• 논리적 구분을 정의하는 태그
• 레이아웃 배치를 주로 div 를 활용해 구성하는 개발 추세.

출처:https://coding-factory.tistory.com/188

• span 태그의 기본 display 속성은 inline 이다.

출처: https://coding-factory.tistory.com/189?category=758269

• div vs span, 차이점
  1. div 는 줄 바꿈이 되면서 세로 정렬, span 은 줄 바꿈 없이 가로 정렬
  2. 문장을 감쌀때 div 는 박스 형태로 영역이 설정됨. span 은 텍스트가 노출되는 영역만 포함.
  3. div 의 margin 은 4 방향이 적용되지만 span 은 좌우만.
• example