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

200px

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

200px

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}}:

[[:Template:Clear]]

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:-.