css float 속성

float 속성을 사용하면, 요소를 왼쪽이나 오른쪽으로 이동시킬 수 있습니다.

float 속성은 다음과 같은 값들을 가질 수 있습니다.

• left: 요소를 왼쪽으로 이동시킵니다.
• right: 요소를 오른쪽으로 이동시킵니다.
• none: 요소를 이동시키지 않습니다. 이 값은 float 속성의 기본값입니다.

float 속성을 사용하면, 요소가 다른 요소들과 겹치지 않고, 텍스트가 흐르는 효과를 만들 수 있습니다. 예를 들어, 다음과 같은 CSS 코드는 img 요소를 왼쪽으로 이동시키고, 그 주변의 텍스트를 감싸게 됩니다.

img {
  float: left;
}

img float left의 예

float right의 예