Үлгі: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

Үлгі:Lorem Ipsum {{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

• Үлгі:Lts
• Үлгі:Lts: Delays content until left column is complete.
• Үлгі:Lts: Delays content until right column is complete.
• Үлгі:Lts is similar but technically different

Discussion

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