Float

• 이미지와 텍스트가 있을때 이미지 주위에 텍스트를 감싸주기 위한 프로퍼티

Float 사용 안했을 때

• Float를 사용하지 않았을 때는 텍스트와 이미지가 분리 되어있다.

Float 사용했을 때

• Float 사용시 텍스트가 이미지를 감싼다.

정렬

• float를 사용하지 않는 요소들은 수직으로 정렬된다.
• float : left; 사용시 왼쪽부터 가로정렬이 되고 float : right; 사용시 오른쪽부터 가로정렬이 된다.
• 중앙 가로 정렬은 margin 프로퍼티를 사용해야 한다.

Clear

• float 속성을 사용하면 주변으로 컨텐츠가 흐르듯이 배치가 되는데, 이를 해제하기 위해 clear 속성을 사용한다. clear 속성이 지정된 영역 이후로는 더 이상 float가 작동하지 않는다.