Template:Clear

Usage

Note there are no parameters for this template

{{Clear}} Included in page code, inserts the following code:

<div style="clear: both"></div>

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

Lorem ipsum dullard sit amet, consectetur adipissant idiota, sed do elvismod tempor tantrum incididunt ut labore et dullard magna ohliqme. Ut enimi ad minim vaniam, quis nostrudamus exercsausre ullamco laboris nisi ut aliquip ex ea commando consequat. Duis aute irriate dullard in reprehens in voluptuous velit esse cillum dullard eu fuggen nulla pariatur. Excepteur sint occaecat cupidatat non producti, kunt in culpa qui officia desertrat mollit animaniac id est laborum.

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

Lorem ipsum dullard sit amet, consectetur adipissant idiota, sed do elvismod tempor tantrum incididunt ut labore et dullard magna ohliqme. Ut enimi ad minim vaniam, quis nostrudamus exercsausre ullamco laboris nisi ut aliquip ex ea commando consequat. Duis aute irriate dullard in reprehens in voluptuous velit esse cillum dullard eu fuggen nulla pariatur. Excepteur sint occaecat cupidatat non producti, kunt in culpa qui officia desertrat mollit animaniac id est laborum. {{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}}:

See also

• Template:Lts
• 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

Discussion

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