El float: left se usa para sacar un elemento del flujo vertical natural y empujarlo hacia la izquierda, permitiendo que el contenido siguiente (como texto u otros bloques) se "envuelva" a su derecha. Básicamente, sirve para poner elementos uno al lado del otro en lugar de uno debajo de otro.