Float

이미지에 텍스트를 둘러싸게 만들고자 하는 목적을 가지고 나오게 된 방법,

Float: none 상태가 된 요소는 원래 자신의 속성과는 무관하게 전부 Display: block 속성을 가진 것 처럼 작동하게 됩니다.

이후, Float: (right or left) 상태를 지정하면 해당하는 요소는 자기자신이 위치한 라인을 전부 점유하는 것이 아닌, 양옆에 다른 요소들이 배치 될 수 있게 되어, 마치 Display: inline-block 요소처럼 작동하게 됩니다.