 | This template is used on approximately 3,460,000 pages, or roughly 2204% of all pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Consider discussing changes on the talk page before implementing them. |
 | This template should always be substituted (i.e., use {{subst:Clear}}). |
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 Template:Tlf
New section without the template before
Without the code {{clear}}, this section starts at the right of the image.
Example that uses Template:Tlf
Template:Lorem ipsum span
Template:Tnull
New section with the template before
Here the code {{clear}} is placed before this section, so it appears below the image.
TemplateData
TemplateData for Clear
<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}}