Wie man sieht, ist eine weitere Eigenschaft von Floats ihre "Richtung". Wenn ein Element als Float ausgewiesen wird, erhält es immer eine Richtungsangabe: entweder links oder rechts. Also z.B. div float: left;. Diese Angabe bewegt das gefloatete Element zu der angegeben Seite innerhalb seines Elternelements.

Manchmal versuchen Anfänger Dinge wie float: up; oder float: bottom; aber das sind ungültige Angaben und es gibt keine Pläne, sie in künftige Spezifikationen von float aufzunehmen.

Anstatt mit Floats zu arbeiten bieten die Flexbox Eigenschaften eine gute Alternative mit vielen Möglichkeiten. Siehe dazu meinen Tipps weiter