shape-outside의 기능:
• 플로팅된 요소 주변의 텍스트 흐름을 제어
• 이미지 모양에 따라 텍스트가 자연스럽게 감싸도록 함

실제 사용 예시:
```css
img {
float: left;
clip-path: circle(40%); /* 이미지를 원형으로 자름 */
shape-outside: circle(45%); /* 텍스트도 원형으로 배치 */
}
```
동작 원리:
• `clip-path`: 이미지의 시각적 형태 결정
• `shape-outside`: 텍스트가 피해갈 영역 결정
• 보통 `shape-outside`가 `clip-path`보다 약간 큼 (여백 효과)

지원하는 함수:
• `circle()`, `ellipse()`, `polygon()` 등
• `clip-path`와 동일한 함수 사용 가능

float와의 관계:
• `shape-outside`는 플로팅된 요소에만 적용
• `float: left` 또는 `float: right` 필수