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]].

{{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==
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
 <nowiki>{{Clear}}</nowiki>
 <nowiki>{{Clear|left}}</nowiki>
 <nowiki>{{Clear|right}}</nowiki>

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

{{Clear}}

===Example with the {{Tlx|Clear}} template===
[[Image:HeidelbergTun.jpg|200px|left]]
{{Lorem}}
'''{{Tnull|Clear}}'''
{{Clear}}

===New section with template===
See how this section appears below the image?

==TemplateData==
{{TemplateDataHeader}}
<templatedata>{
  "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": {
    "1": {
      "label": "side",
      "description": "can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.",
      "type": "string",
      "required": false
    }
  }
}</templatedata>
==See also==
* {{Lts|Clear left}} delays content until left column is complete.
* {{Lts|Clear right}} 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 and function templates|{{PAGENAME}}]]
[[Category:Wikipedia XHTML tag-replacing templates]]

</includeonly>

<includeonly>
[[de:Vorlage:Absatz]]
[[et:Mall:Puhasta]]
</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 ==
+{{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}} — adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>
-* {{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==
+{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
+ <nowiki>{{Clear}}</nowiki>
+ <nowiki>{{Clear|left}}</nowiki>
+ <nowiki>{{Clear|right}}</nowiki>
-<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;">
+===Example without the {{Tlx|Clear}} template===
-=== Example without {{tl|clear}} ===
+[[Image:HeidelbergTun.jpg|200px|left]]
-[[File:HeidelbergTun.jpg|200px|left]]
+{{Lorem}}
-Lorem ipsum dolor sit amet
+===New section without template===
+See how this section starts at the right of the image?
-==== New section without template ====
+{{Clear}}
-Without {{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}} ===
+===Example with the {{Tlx|Clear}} template===
-[[File:HeidelbergTun.jpg|200px|left]]
+[[Image:HeidelbergTun.jpg|200px|left]]
-Lorem ipsum dolor sit amet<br/>
+{{Lorem}}
-'''{{tl|clear}}'''
+'''{{Tnull|Clear}}'''
-{{clear}}
+{{Clear}}
-==== New section with template ====
+===New section with template===
-{{tl|clear}} placed before this section, so it appears below the image.
+See how this section appears below the image?
-</div>
-== TemplateData ==
+==TemplateData==
+{{TemplateDataHeader}}
 <templatedata>{
-	"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.",
+  "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": {
+  "params": {
-		"1": {
+    "1": {
-			"label": "Side",
+      "label": "side",
-			"description": "Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.",
+      "description": "can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.",
-			"type": "line",
+      "type": "string",
-			"required": false,
+      "required": false
-			"suggestedvalues": [
+    }
-				"right",
+  }
-				"left",
-				"both"
-			]
-		}
-	},
-	"format": "inline"
 }</templatedata>
-<includeonly>[[Category:Templates]]</includeonly>
+==See also==
+* {{Lts|Clear left}} delays content until left column is complete.
+* {{Lts|Clear right}} 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 and function templates|{{PAGENAME}}]]
+[[Category:Wikipedia XHTML tag-replacing templates]]
+</includeonly>
+<includeonly>
+[[de:Vorlage:Absatz]]
+[[et:Mall:Puhasta]]
+</includeonly>