Párrafo con una imagen flotada a la izquierda.

Párrafo con una imagen flotada a la derecha.

Este párrafo de borde rojo no tiene aplicado clear, por lo que su contenido se sitúa entre las dos imágenes flotadas.

Párrafo con una imagen flotada a la izquierda.

Párrafo con una imagen flotada a la derecha.

Este párrafo de borde rojo tiene aplicado clear:left, por lo que su contenido no se sitúa al lado de la imagen flotada a la izquierda, aunque sí se ve afectado por la imagen flotada a la derecha.

Párrafo con una imagen flotada a la derecha.

Párrafo con una imagen flotada a la izquierda.

Este párrafo de borde rojo tiene aplicado clear:right, por lo que su contenido no se sitúa al lado de la imagen flotada a la derecha, aunque sí se ve afectado por la imagen flotada a la izquierda.

Párrafo con una imagen flotada a la izquierda.

Párrafo con una imagen flotada a la derecha.

Este párrafo de borde rojo tiene aplicado clear:both, por lo que su contenido se sitúa en el primer punto bajo cualquier elemento flotado que pueda afectar a su contenido.