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

{{Clear}}

The template may also be substituted, but as the markup provided will be confusing to many editors, and this template provides documentation for itself, there is little justification for substitution.

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?

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