Editing Template:Clear/doc

{{Documentation subpage}}

This template adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>;
for technical XHTML 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===
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
 <nowiki>{{clear}}</nowiki>
 <nowiki>{{clear|left}}</nowiki>
 <nowiki>{{clear|right}}</nowiki>

====Example without {{tnf|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 {{tnf|clear}}====
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem}}<br/>'''{{tnull|clear}}'''
{{clear}}

====New section with template====
See how this section appears below the image?

===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===
* {{lts|clear left}} delays content until left column is complete.
* {{lts|clear right}} delays content until right column is complete.
* {{lts|-}} is similar, but technically different. The distinction is discussed at [[Template talk:-#- versus clear|Template talk:-]].

<includeonly>
[[Category:Line-handling templates]]
[[Category:TechInfoDepot XHTML tag-replacing templates]]
</includeonly>