float
Saca un elemento del flujo normal y lo empuja hacia un lado, dejando que el contenido siguiente lo rodee. Hoy se usa poco, reemplazado por flex y grid.
Vista previa
Codigo
<style>
.flotante { float: left; width: 60px; height: 60px; background: #ccc; margin-right: 10px; }
</style>
<div class="flotante"></div>
<p>El texto rodea la caja flotante, fluyendo a su alrededor como en un periodico impreso.</p>