Template:Clear/doc

Latest revision as of 01:59, 21 October 2011

This template adds <div style="clear:both;"></div>; for technical XHTML details, see Template talk:Clear.

[edit] Documentation

{{clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images.

[edit] 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.

[edit] Example without the {{clear}} template

Template:Lorem

[edit] New section

See how this section starts at the right of the image?

[edit] Example with the {{clear}} template

Template:Lorem {{clear}}

[edit] New section

See how this section appears below the image?

[edit] See also

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

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