This template is used on many pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
This template should not be substituted. The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution. |
Description
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.
Usage
- {{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.
Examples
Example without {{clear}}

New section without template
Without {{clear}}, this section starts at the right of the image.
Example that uses {{clear}}

{{clear}}
New section with template
{{clear}} placed before this section, so it appears below the image.
TemplateData
<templatedata>{ "description": "Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images, so text will appear on a full width line under the image.", "params": { "1": { "label": "Side", "description": "Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.", "type": "line", "required": false, "suggestedvalues": [ "right", "left", "both" ] } }, "format": "inline" }</templatedata>
See also
- {{Clear left}} (implemented using this template)
- {{Clear right}} (implemented using this template)
- {{Clear2}} (derived from this template)
- {{Break}}
- {{Float}}
- {{Stack}}