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; } h1{ clear: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.</p> <h1>Bu başlık resmin altında olacak</h1> </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. Başlık ise clear:left özelliğinden dolayı sağdan devam etmiyecek ve resmin altına inecektir.