Editing 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>{{subst:Clear}}</nowiki>

The template may also be transcluded, but as the markup provided is unlikely to change or improve, there is little justification for transclusion overhead.

== 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, with the line actually overlapping 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 looks much better?

== 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:Wikipedia formatting templates|{{PAGENAME}}]]

[[bg:Шаблон:Clear]]
[[is:Snið:Ryðja]]
[[ia:Patrono:Clear]]
[[ja:Template:Clear]]
[[vi:Tiêu bản:Clear]]
[[fi:Malline:Clear]]
[[no:mal:Clear]]
[[pl:Szablon:Clear]]
[[pt:Predefinição:Limpar]]
[[zh:Template:Clear]]
</includeonly>
@@ Line 1: / Line 1: @@
-{{Documentation subpage}}
+{{documentation subpage}}
+<includeonly>{{pp-template|small=yes}}</includeonly>
-== Description ==
+This template adds <tt>&lt;div style="clear:both;"&gt;&lt;/div&gt;</tt>;
-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.
+for technical XHTML details, see [[Template talk:Clear]].
-== Usage ==
+== Documentation ==
-* {{tlx|clear}} — adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>
+{{tlx|clear}}: Makes content wait until existing content is completed in all columns.  Often used to stop text from flowing next to unrelated images.
-* {{tlx|clear|left}} — adds <code>&lt;div style="clear:left;"&gt;&lt;/div&gt;</code>
-* {{tlx|clear|right}} — adds <code>&lt;div style="clear:right;"&gt;&lt;/div&gt;</code>
-== Examples ==
+===Usage===
+ <nowiki>{{subst:Clear}}</nowiki>
-<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;">
+The template may also be transcluded, but as the markup provided is unlikely to change or improve, there is little justification for transclusion overhead.
-=== Example without {{tl|clear}} ===
-[[File:HeidelbergTun.jpg|200px|left]]
-Lorem ipsum dolor sit amet
-==== New section without template ====
+== Example without the {{tnull|clear}} template==
-Without {{tl|clear}}, this section starts at the right of the image.
+[[Image:HeidelbergTun.jpg|200px|left]]
-{{clear}}
+{{lorem}}
-</div>
+== New section ==
-<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;">
+See how this section starts at the right of the image, with the line actually overlapping the image
-=== Example that uses {{tl|clear}} ===
+<div style="clear:both;"></div> <!-- a genuine use of the template! -->
-[[File:HeidelbergTun.jpg|200px|left]]
+== Example with the {{tnull|clear}} template ==
-Lorem ipsum dolor sit amet<br/>
+[[Image:HeidelbergTun.jpg|200px|left]]
-'''{{tl|clear}}'''
+{{lorem}}
-{{clear}}
+'''{{tnull|clear}}'''
+<div style="clear:both;"></div>
+== New section ==
+See how this looks much better?
-==== New section with template ====
+== See also ==
-{{tl|clear}} placed before this section, so it appears below the image.
+* {{Lts|clearleft}} delays content until left column is complete.
-</div>
+* {{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:-]].''
-== TemplateData ==
-<templatedata>{
+<includeonly>
-	"description": "Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images, so text will appear on a full width line under the image.",
-	"params": {
+[[Category:Wikipedia formatting templates|{{PAGENAME}}]]
-		"1": {
-			"label": "Side",
+[[bg:Шаблон:Clear]]
-			"description": "Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.",
+[[is:Snið:Ryðja]]
-			"type": "line",
+[[ia:Patrono:Clear]]
-			"required": false,
+[[ja:Template:Clear]]
-			"suggestedvalues": [
+[[vi:Tiêu bản:Clear]]
-				"right",
+[[fi:Malline:Clear]]
-				"left",
+[[no:mal:Clear]]
-				"both"
+[[pl:Szablon:Clear]]
-			]
+[[pt:Predefinição:Limpar]]
-		}
+[[zh:Template:Clear]]
-	},
+</includeonly>
-	"format": "inline"
-}</templatedata>
-<includeonly>[[Category:Templates]]</includeonly>