Template:Clear/doc

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:{{{1|both}}};"></div><noinclude> {{documentation}} </noinclude>

See also

• Template:Lts delays content until left column is complete.
• Template:Lts delays content until right column is complete.
• Template:Lts is similar, but technically different.

  The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.