레이아웃 속성(Float)

일단 인라인 과 블록의 차이점을 알아보자 

 

<disply : block>

- 하나의 div 가 페이지의 전체 너비(500px)를 혼자 사용함 

- 블록태그의 다음에 오는 요소는 자동으로 줄바꿈이 적용됨 

대표적인 블록요소(Block Elements) - H1~H6,DIV,Table ..등등 

 

<disply : inLine-block>

- 블록의 형태지만 인라인으로 보여지게됨 

- 각각의 엘리먼트의 너비만큼 공간을 차지하는 방식 

 

<disply : inLine>

 

- 블록속성이 모두 무효화되고 각 엘리먼트의 텍스트 크기만큼 공간을 차지함(width,height 무시됨) 

- 대표적인 인라인 태그(button,span,a ..등등)