실행결과를 보면 float 속성값을 left로 지정한 이미지 요소는 왼쪽으로 배치되고, 다음 요소인 p 태그로 작성한 텍스트는 이미지 요소 주변으로 자연스럽게 배치됩니다.

반대로 이미지 요소에 float 속성값을 right로 적용하면 이미지 요소가 오른쪽에 배치되고 텍스트 요소는 이미지 요소 주변을 흐르는 형태로 배치됩니다.

그림 6-57 이미지 요소에 float 속성값을 right로 지정했을 때