[HTML] span, div 태그

<span> 태그와 <div> 태그는 특별한 기능이나 의미는 없지만

스타일을 위해 CSS와 함께 쓰이는 아주 중요한 태그라고 합니다.

 

| 차이

1. display 속성의 차이

<div> 태그는 display속성이 block이고 <span> 태그는 inline입니다.

 

div박스

div박스

span박스 span박스

 

이처럼 <div> 태그는 줄 바꿈이 가능하고 <span> 태그는 줄 바꿈이 되지 않습니다.

 

 

→  <span> 태그는 display가 inline속성이라 너비 지정이 안됨 스타

      따라서 너비를 지정하려면 display속성을 inline-block으로 바꿔줘야 함