1. Block & Inline

1. block 과 inline 비교

block	inline
옆에 다른 요소 올 수 없음 같은 줄에 하나만 올 수 있음 높이, 너비를 가질 수 있음 ex tag) div, p, address, header etc...	옆에 다른 요소 올 수 있음 같은 줄에 여러 개 올 수 있음 높이 너비를 가질 수 없음 ex tag) span, code, link, img  etc..

 

block tag인 div는 하늘색이고 높이와 너비를 가지며 두 개가 나란히 배치되지 않음. inline tag인 span은 연두색이고 높이와 너비를 가질 수 없으며 나란히 위치함.

 

2. Block <-> Inline

block을 inline으로, inline을 block으로 바꿀 수 있음.

 

1) block ->inline

div{
	display: inline;
}

2) inline -> block

span{
	display:block;
}