html 의 블럭 요소와 인라인 요소 차이

	블럭	인라인
tag	div, h1~h7	span
크기	기본 상태에서 폭 100% width : 100% height : 0;	내용물에 맞춰짐 width : 0; height : 0;
	크기 지정 불가	크기 지정한게 무시됨
배치	수직(아래) 방향으로 내려간다	옆으로
줄바꿈		줄바꿈 해서 배치시 띄어쓰기가 눈에 보임
margin, padding		인라인 요소에 상하 패딩 적용시 공간 확보를 안하기 때문에 유의

블록 요소의 태그라도 display 속성을 통해 상호 변경 가능함.

<style>
	div {
    	display : inline;
	}
...
</style>


...

<div>
	is that block?
</div>