728x90
Inline :
왼쪽부터 하나씩 정렬
속성 - width, height 속성을 사용 할 수 없다.
주의 - 왼쪽 정렬 시 초기 margin-left, margin-right 5px만큼 생성된다.
삭제 방법 :
1. 부모요소에 font-size: 0; 속성을 적용한다.
2. 해당 요소에 float: left; 속성을 적용한다. 단, float 속성 적용 시 부모 요소에서 자식 요소의 높이 값을 가져올 수 없기 때문에 요소 다음에 오는 요소에 clear: both;를 적용하여 부모 요소가 높이값을 가져갈 수 있게 한다.
3. margin-left: -5px; 을 적용한다.
block : 한줄씩 정렬
블럭처럼 한줄씩 쌓여서 정렬됨.
속성 - width, height, margin-top,margin-bottom 속성을 사용 할 수 있다.
inline-block :
왼쪽부터 하나씩 정렬되며 block 속성도 함께 갖고 있다. inline속성의 단점을 보완
속성 - width, height, margin-top,margin-bottom 속성을 사용 할 수 있다.