In a normal display, the contents of this page will flow in the natural order that the elements occur in the HTML code. That means that the image will come first, followed by each paragraph in succession.
Once the float property has been applied, the image moves to the left, the sidebar to the right, and this paragraph wraps between them.
This fourth paragraph will be positioned below the image. This is because you applied the clear property to it.