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.