View source for Template:Clear/doc

{{Documentation subpage}}
{{high-risk| 1610000+ }}
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
{{Template shortcut|-|Br|Clr}}

This template adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>, <code>&lt;div style="clear:left;"&gt;&lt;/div&gt;</code>, or <code>&lt;div style="clear:right;"&gt;&lt;/div&gt;</code>;
for technical HTML details, see [[Template talk:Clear]].

{{tlx|clear}}: Makes content wait until existing content is completed in all columns.  Often used to stop text from flowing next to unrelated images.

==Usage==
 <nowiki>{{clear}}</nowiki>
 <nowiki>{{clear|left}}</nowiki>
 <nowiki>{{clear|right}}</nowiki>

===Example without {{tlf|clear}}===
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem}}

====New section without template====
See how this section starts at the right of the image?
{{clear}}

===Example that uses {{tlf|clear}}===
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem}}<br/>'''{{tnull|clear}}'''
{{clear}}

====New section with template====
See how this section appears below the image?
{{#ifeq:{{FULLPAGENAME}}|Template:Clear|
===TemplateData===
{{TemplateDataHeader}}
<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": "string",
      "required": false
    }
  }
}</templatedata>
}}

==See also==
* {{tl|Clear left}}
* {{tl|Clear right}}
* {{tl|Clear2}}
* {{tl|Float}}
* {{tl|Stack}}
<includeonly>
[[Category:Line-handling templates]]
[[Category:Wikipedia XHTML tag-replacing templates]]
</includeonly>