Template:Clear/doc

{{Clear}} adds an empty HTML tag with the style = "clear: both" attribute. This forces any following content to start beneath this tag, preventing any content above it from wrapping other content around it.

It is commonly used to prevent text wraps between sections on articles with images, and should be used sparingly and with consideration for its effects on both mobile and desktop themes.

Template

{{clear}}

Example

[[File:Architecture Test Icons Principles of Architecture.png|200px|left]]

Principles of Architecture

There's no {{tl|clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.{{clear}}
Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the icon for Principles of Architecture.

[[File:Human Body Test Principles.png|200px|left]]Principles of The Human Body{{clear}}
This text comes after a {{tl|clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.

renders as:

Principles of Architecture

There's no {{clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.

Note that this text comes after a {{clear}} template, so it is not wrapped around the icon for Principles of Architecture.

200px

Principles of The Human Body

This text comes after a {{clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.