이 도표는 정상흐름에서 두 문단들의 겹치(overlap)는 보더들의 유동(floating) 이미지를 설명한다: 그 문단 보더들은 이미지의 투명하지 않은 부분들에서 잘려진다.
두번째 문단(paragraph)은 'clear' 특성으로 강제적로 아래로 흐르게 하였다.

정상흐름(normal flow)에 두 문단들이 있는데, 각 주위에 적색 보더(border)로 감싸진다.
왼쪽으로 유동하는 이미지의 위쪽 문단 최종 세 줄은 그 오른쪽 면(side)을 따라 유동한다.
문단 보더들은 그 이미지(image) 박스 마진(margin) 지역에 비쳐 보인다.
그러나 이미지 내용(content) 지역의 투명하지 않은 부분을 잘려(clip)진다.

두번째 문단은 정상으로 흐르는데, 이미지의 바닥(bottom) 마진 아래에서 시작한다.
두번째 문단 맨위(top) 마진은 그 앞 문단의 바닥 마진과 만나도록 늘려(stretch)진다.