Aşağıdaki örnekte float özelliği ile bir resmin solda gözükmesini , yazınında sağdan devam etmesini sağlayan örnek görülmektedir :
<html> <head> <style> img{ float:left; } </style> </head> <body> <img src="test.gif"></img> <p>Burada ki yazılar resmin sağından akacak ve yoluna devam edecek. Burada ki yazılar resmin sağından akacak ve yoluna devam edecek. resmi geçtikten sonra en oldan yazı devam edecek. devam edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek edecek </p> </body> </html>
img etiketinin stili float:left verilmesinden dolayı img normal akış dışında solda gözükecektir. Yazı ise resmin sağından kayacaktır.