Template:Clear/doc

This template allows you to clear the left side, right side, or both sides of the page. Clearing means that the content following the template will not be displayed until the existing content on the specified sides (for example, "hanging" or floating images or blocks) is displayed completely. This template is often used so that the text does not flow around unrelated images.
 * Description

The template adds the following code to the page:  (the value after   depends on the parameters). This code affects elements with the CSS property, including files floated to the side (for example,  ).


 * Syntax
 * To clear both sides of the page, add the code Clear.
 * To clear only the left side of the page, add the code left.
 * To clear only the right side of the page, add the code right.

You can also use - instead of Clear as a shorthand call for this template.


 * Example

Section 1
Section 1 text.

Section 2
Section 2 text.

Section 3
Section 3 text.

This code produces the following result:

Section 1
Section 1 text.

Section 2
Section 2 text.

Section 3
Section 3 text.

As you can see above, the image of Hydra added in section 1 is displayed to the right and extends down through section 2, while the Clear template is called at the end of the second section, resulting in the Hydra image not being next to section 3. Thus, one use of the Clear template is to control which elements are displayed next to which other elements.