[CSS] span VS div 태그

<style>
	div {
    	border : 5px solid gray;
        }
        
    span {
    	border : 5px solid gray;
        }

</style>

div : division(범위)

블록 엘리먼트이기 때문에 화면 전체를 쓰므로 줄바꿈이 된다.

 

 

span : 폭, 적용되는 범위

인라인 엘리먼트이기 때문에 줄바꿈이 되지 않는다.

 

둘의 범위를 시각적으로 확인하고 싶으면, 선택자에 border 속성을 추가하면 된다.