View source for Template:Clear/doc

{{Documentation subpage}}
<!-- Please add categories to the /doc subpage, and interwikis at Wikidata (see Wikipedia:Wikidata) -->
{{high-use}}
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
{{#ifeq:{{FULLPAGENAME}}|Template:Clear|{{Template shortcut|-||Clr}}}}

== 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 ==
* {{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>
For technical details, see [[Template talk:Clear|the discussion in the talk page]].

== Examples ==
<div style="border: 1px solid black; padding: 1em; margin: 2em;">
=== Example without {{tlf|clear}} ===
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem ipsum span|max len=123}}

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

=== Example that uses {{tlf|clear}} ===
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem ipsum span|max len=123}}<br/>
'''{{tnull|clear}}'''
{{clear}}

==== New section with the template before ====
Here the code {{tlc|clear}} is placed before this section, so it appears below the image.
</div>

== TemplateData ==
{{TemplateData header}}
<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": "line",
			"required": false,
			"suggestedvalues": [
				"right",
				"left",
				"both"
			],
			"default": "both"
		}
	},
	"format": "inline"
}</templatedata>

== See also ==
* {{tl|Clear left}} (implemented using this template)
* {{tl|Clear right}} (implemented using this template)
* {{tl|Clear2}} (derived from this template)
* {{tl|Break}}
* {{tl|Float}}
* {{tl|Stack}}

<includeonly>{{sandbox other||
<!-- Add categories below this line, and interwikis at Wikidata -->
[[Category:Line-handling templates]]
[[Category:Wikipedia XHTML tag-replacing templates]]
}}</includeonly>