Template:Clear/doc

{{Clear}} adds an empty HTML tag with the style = "clear: both" attribute by default. 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}}

Usage

first parameter (optional)

Specify left or right to force content to start beneath this tag only when the object the text would wrap around is to the left or right of the template. For instance, if an article has an image floated left of text and an infobox floated right, specifying left would cause the text to break after the image floated left, but not after the infobox floated right. See Apsu for an example. If omitted, defaults to both.

Example

[[File:Sandpoint skyline.jpg|200px|left]]

The city of Sandpoint.

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}}

[[File:Alkenstar.jpg|200px|left]]Alkenstar. Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the image of Sandpoint.{{clear}}

This text comes after a {{tl|clear}} template placed after the File link for the Alkenstar image and the last line of text. 
It will be placed past the bottom of the last line of text and the image of Alkenstar.

renders as:

The city of Sandpoint.

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

Alkenstar. Note that this text comes after a {{clear}} template, so it is not wrapped around the image of Sandpoint.

This text comes after a {{clear}} template placed after the File link for the Alkenstar image and the last line of text. It will be placed past the bottom of the last line of text and the image of Alkenstar.