Editing Template:Clear/doc

{{Documentation subpage}}

== Description ==
It 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>

== Examples ==

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

==== New section without template ====
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}} ===
[[File:HeidelbergTun.jpg|200px|left]]
Lorem ipsum dolor sit amet<br/>
'''{{tl|clear}}'''
{{clear}}

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

== TemplateData ==
<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"
			]
		}
	},
	"format": "inline"
}</templatedata>
<includeonly>[[Category:Templates]]</includeonly>