This template makes content wait until existing content is completed in all columns. It is often used to prevent text from flowing next to unrelated images.

• {{clear}} — adds <div style="clear:both;"></div>
• {{clear|left}} — adds <div style="clear:left;"></div>
• {{clear|right}} — adds <div style="clear:right;"></div>

For technical details, see the discussion in the talk page.

Example without {{clear}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

New section without the template before

Without the code {{clear}}, this section starts at the right of the image.

Example that uses {{clear}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{{clear}}

New section with the template before

Here the code {{clear}} is placed before this section, so it appears below the image.

• {{Clear left}} (implemented using this template)
• {{Clear right}} (implemented using this template)
• {{Clear2}} (derived from this template)
• {{Break}}
• {{Float}}
• {{Stack}}