12 이니스프리 -블록요소와 인라인 요소 차이점 (포토이스캐이프)

[손자병법]

html.zip

17.13MB

블록요소 인라인요소
div, p span, img
한 줄 차지 옆으로 배치
크기 가능 크기 불가능
margin-top 가능 margin-top 불가능
margin-left 가능 margin-left 가능

display : block; 블록요소로 바꿔라
display : inline; 인라인요소로 바꿔라
display: inline-block; 인라인요소로 바꾸는데 성격(구조)은 블록이다.
 (옆으로 배치하되 크기는 변경 가능하다.)