Das Beispiel ist in seiner Breite durch width:50em; beschränkt. Dies hat rein optische Gründe und hat nichts mit dem Thema float zutun. Es bewirkt lediglich das dass Beispiel in einem gewissen Rahmen bleibt.

Dieser Absatz "fließt" mittels float nach links oben. Damit man selbiges sieht, ist die Breite des Absatz geändert.

Dieser Absatz "fließt" ebenfalls mittels float. Jedoch nach rechts oben. Damit man selbiges sieht, ist auch hier die Breite des Absatz geändert.

Dieser Absatz beendet den Bereich in dem gefloatet wird. Dies geschieht mittels clear.