Brad at 22:46, 12 July 2018

2018-07-12T22:46:28Z

Brad: Created page with "'''{{tl|Clear}}''' adds an empty HTML tag with the {{xt|style {{=}} "clear: both"}} attribute. This forces any following content to start beneath this tag, preventing any cont..."

2018-07-12T22:42:04Z

Created page with "'''{{tl|Clear}}''' adds an empty HTML tag with the {{xt|style {{=}} "clear: both"}} attribute. This forces any following content to start beneath this tag, preventing any cont..."

New page

'''{{tl|Clear}}''' adds an empty HTML tag with the {{xt|style {{=}} "clear: both"}} attribute. This forces any following content to start beneath this tag, preventing any content above it from wrapping other content around it.

It is commonly used to prevent text wraps between sections on articles with images, and should be used sparingly and with consideration for its effects on both mobile and desktop themes.

== Template ==
<pre>{{clear}}</pre>

== Example ==
<pre>[[File:Architecture Test Icons Principles of Architecture.png|200px|left]]

Principles of Architecture

There's no {{tl|clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.{{clear}}
Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the icon for Principles of Architecture.

[[File:Human Body Test Principles.png|200px|left]]Principles of The Human Body{{clear}}
This text comes after a {{tl|clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.</pre>

renders as:

[[File:Architecture Test Icons Principles of Architecture.png|200px|left]]

Principles of Architecture

There's no {{tl|clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.{{clear}}
Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the icon for Principles of Architecture.

[[File:Human Body Test Principles.png|200px|left]]Principles of The Human Body{{clear}}
This text comes after a {{tl|clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.

<noinclude>[[Category:Template documentation|{{PAGENAME}}]]</noinclude>

@@ Line 7: / Line 7: @@
 == Example ==
-<pre>[[File:Architecture Test Icons Principles of Architecture.png|200px|left]]
+<pre>[[File:Basic Chemistry.png|200px|left]]
-Principles of Architecture
+Basic Chemistry
 There's no {{tl|clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.{{clear}}
-Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the icon for Principles of Architecture.
+Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the image for Basic Chemistry.
-[[File:Human Body Test Principles.png|200px|left]]Principles of The Human Body{{clear}}
+[[File:Agriculture.png|200px|left]]Agriculture{{clear}}
-This text comes after a {{tl|clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.</pre>
+This text comes after a {{tl|clear}} template placed after the File link for the image for Agriculture and the last line of text. It will be placed past the bottom of the last line of text and the Agriculture image.</pre>
 renders as:
-[[File:Architecture Test Icons Principles of Architecture.png|200px|left]]
+[[File:Basic Chemistry.png|200px|left]]
 Principles of Architecture
 There's no {{tl|clear}} template before this second line, so it wraps around the image. This is the default wrap behavior for images.{{clear}}
-Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the icon for Principles of Architecture.
+Note that this text comes after a {{tl|clear}} template, so it is not wrapped around the image for Basic Chemistry.
-[[File:Human Body Test Principles.png|200px|left]]Principles of The Human Body{{clear}}
+[[File:Agriculture.png|200px|left]]Agriculture{{clear}}
-This text comes after a {{tl|clear}} template placed after the File link for the icon for Principles of The Human Body and the last line of text. It will be placed past the bottom of the last line of text and the Principles icon.
+This text comes after a {{tl|clear}} template placed after the File link for the image for Agriculture and the last line of text. It will be placed past the bottom of the last line of text and the Agriculture image.
 <noinclude>[[Category:Template documentation|{{PAGENAME}}]]</noinclude>

Template:Clear/doc - Revision history

Brad at 22:46, 12 July 2018

Brad: Created page with "'''{{tl|Clear}}''' adds an empty HTML tag with the {{xt|style {{=}} "clear: both"}} attribute. This forces any following content to start beneath this tag, preventing any cont..."