[HTML]div,span(code)

See the Pen ExZOMme by minsucoding (@minsucoding) on CodePen.

 

 

<div>div입니다</div>
<span>span입니다</span>

 

 

예제를 보시면 div는 화면 가로 전체를 차지하는걸 볼수있고, sapn은 자기 자신이 차지하는 공간만을 차지 하는걸 볼수 있습니다

지금 이 태그들의 display속성이 div는 block이고, span은 inline으로 자체적으로 지정이 되어있기 때문에 그렇습니다

또 span이 가지고 있는 inline은 자체적으로 요소자체의 크기를 변하게 하는 성질이 없습니다
그렇기 때문에 span의 요소를 변하게 하고싶으면서 block처럼 전체를 차지하기는 싫을때에는 display를 inline-block으로 바꾸어 주어야 합니다