Editing Template:Clear/doc

== Description ==
This template makes content wait until existing content is completed in all columns. It is often used to prevent text from flowing next to unrelated images.

== Usage ==
* {{tl|clear}} — adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>
* {{tl|clear|left}} — adds <code>&lt;div style="clear:left;"&gt;&lt;/div&gt;</code>
* {{tl|clear|right}} — adds <code>&lt;div style="clear:right;"&gt;&lt;/div&gt;</code>
For technical details, see [[Template talk:Clear|the discussion in the talk page]].

== Examples ==

<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;">
=== Example without {{tl|clear}} ===
[[File:Filing cabinet.png|200px|left]]
{{Lorem ipsum}}

==== New section without the template before ====
Without the code {{tl|clear}}, this section starts at the right of the image.
{{clear}}
</div>
<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;">

=== Example that uses {{tl|clear}} ===
[[File:Filing cabinet.png|200px|left]]
{{Lorem ipsum}}<br/>
'''{{tl|clear}}'''
{{clear}}

==== New section with the template before ====
Here the code {{tl|clear}} is placed before this section, so it appears below the image.
</div>
<includeonly>
[[Category:Style and Navigation|{{PAGENAME}}]]</includeonly>