Template:Clear
- This template documentation is transcluded from Template:Clear/doc [edit]
This template adds <div style="clear: both"></div>; for technical XHTML details see Template talk:Clear.
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: both"></div><noinclude>{{protected template}}{{/doc}}</noinclude>
See also
- : Delays content until left column is complete.
- : Delays content until right column is complete.
- is similar but technically different
Discussion
The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.