블럭 인라인
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>

 

Posted by 김모작자

댓글을 달아 주세요