Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
{{Documentation subpage}}
}}


== Description ==
=== Example that uses {{tlf|clear}} ===
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.
[[200px|left]]
 
{{Python}}<br/>
== Usage ==
'''{{tnull|clear}}'''
* {{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}}
{{clear}}


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


== TemplateData ==
== TemplateData ==
{{TemplateData header}}
<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.",
"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.",
Line 40: Line 19:
"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": "line",
"required": false,
"required": false
"suggestedvalues": [
"right",
"left",
"both"
]
}
}
},
},
"format": "inline"
"format": "inline"
}</templatedata>
}</templatedata>
<includeonly>[[Category:Templates]]</includeonly>
 
== See also ==
* {{tl|Clear left}} (implemented using this )
* {{tl|Clear right}} (implemented using this )
* {{tl|Clear2}}
* {{tl|Float}}
* {{tl|Stack}}
 
<includeonly>{{sandbox other||
<!-- Add
Please note that all contributions to skyHow are considered to be released under the Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) (see skyHow:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)

Templates used on this page:

Retrieved from "https://howto.wikioasis.org/wiki/Template:Clear/doc"
Retrieved from "https://howto.wikioasis.org/wiki/Template:Clear/doc"