This template inserts an empty div which is cleared to the left and right. What this means is that it causes the page to resume below any existing elements (images, infoboxes, etc.) rather than adjacent to them. Do not use this template just to start a new paragraph. It is used to improve formatting, for example when a section heading would otherwise have a gap after it due to existing elements.
This paragraph is not cleared. It appears directly to the left of the image.
Now we have used the clear template so this paragraph is shifted down below the image.