Template:Clear

50px Template documentation[view] [edit] [history] [purge]

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

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

<div style="clear: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:-.

The above documentation is transcluded from Template:Clear/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.