Template:Clear/doc
This template adds <div style="clear: both"></div>; for technical XHTML details see Template talk:Clear/doc.
Documentation
{{clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images.
Usage
{{subst:Clear}}
The template may also be transcluded, but as the markup provided is unlikely to change or improve, there is little justification for transclusion overhead.
Example without the {clear} template
New section
See how this section starts at the right of the image, with the line actually overlapping the image
Example with the {clear} template
Template:Lorem {{clear}}
New section
See how this looks much better?
How it works
This is what {{clear}} actually does, ignore the <noinclude> stuff shown by {{msgnw:clear}}:
<div style="clear:{{{1|both}}};"></div><noinclude> {{documentation}} </noinclude>
See also
- Template:Clear(edit talk links history)
- Template:Clearleft(edit talk links history): Delays content until left column is complete.
- Template:Clearright(edit talk links history): Delays content until right column is complete.
- Template:-(edit talk links history) is similar but technically different
Discussion
The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.
