float

• 요소를 좌우 방향으로 띄움 (수평 정렬)
• 속성 값
  • none : 요소 띄움 없음
  • left : 왼쪽으로 띄움
  • right : 오른쪽으로 띄움

단순 띄움

• 요소에 float 속성을 적용하면, 적용된 요소 주변으로 문자가 흐르게 된다.

단순 해제

• clear

수평 정렬

• 각 요소에 float 속성이 적용되면 차례로 정렬
  

See the Pen css_float by chaevivin (@chaevivin) on CodePen.

정렬 해제

• clear을 하지 않으면 float 한 그 다음 요소와 겹침
• clear: left / right / both (left이던 right이던 항상 해제);