View source for Template:Clear/doc

{{documentation subpage}}
<includeonly>{{pp-template|small=yes}}</includeonly>

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

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

===Usage===
 <nowiki>{{Clear}}</nowiki>

The template may also be [[Wikipedia:Template substitution|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.

== Example without the {{tnull|clear}} template==
[[Image:HeidelbergTun.jpg|200px|left]]
{{lorem}}
=== New section ===
See how this section starts at the right of the image?

<div style="clear:both;"></div> <!-- a genuine use of the template! -->

== Example with the {{tnull|clear}} template ==
[[Image:HeidelbergTun.jpg|200px|left]]
{{lorem}}
'''{{tnull|clear}}'''
<div style="clear:both;"></div>
=== New section ===
See how this section appears below the image?

== See also ==
* {{Lts|clearleft}} delays content until left column is complete.
* {{Lts|clearright}} delays content until right column is complete.
* {{Lts|-}} is similar, but technically different.
*: ''The fine points of {{Tl|clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#- versus clear|Template talk:-]].''

<includeonly>

[[Category:Formatting and function templates|{{PAGENAME}}]]

</includeonly>