Template:Clear/doc: Difference between revisions
Jump to navigation
Jump to search
(Revert to the template documentation, removing the bizarre extraneous (proposed article?) text; see WP:YFA if you want to start a new article) |
|||
Line 1: | Line 1: | ||
{{documentation subpage}} | |||
<includeonly>{{pp-template|small=yes}}</includeonly> | |||
This template adds <tt><div style="clear:both;"></div></tt>; | |||
for technical XHTML details, see [[Template talk:Clear]]. | |||
== Documentation == | |||
{{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=== | |||
<nowiki>{{Clear}}</nowiki> | |||
The template may also be [[Wikipedia:Template substitution|substituted]], but as the markup provided will be confusing to many editors, and this template provides documentation for itself, there is little justification for substitution. | |||
== Example without the {{tnull|clear}} template== | |||
[[Image:HeidelbergTun.jpg|200px|left]] | |||
{{lorem}} | |||
=== New section === | |||
See how this section starts at the right of the image, with the line actually overlapping the image | |||
<div style="clear:both;"></div> <!-- a genuine use of the template! --> | |||
== Example with the {{tnull|clear}} template == | == Example with the {{tnull|clear}} template == | ||
[[Image:HeidelbergTun.jpg|200px|left]] | [[Image:HeidelbergTun.jpg|200px|left]] |
Revision as of 07:45, 21 June 2010
This template adds <div style="clear:both;"></div>; for technical XHTML details, see Template talk:Clear.
Documentation
{{clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images.
Usage
{{Clear}}
The template may also be substituted, but as the markup provided will be confusing to many editors, and this template provides documentation for itself, there is little justification for substitution.
Example without the {{clear}} template
New section
See how this section starts at the right of the image, with the line actually overlapping the image
Example with the {{clear}} template
Template:Lorem {{clear}}
New section
See how this looks much better?
See also
- Template:Lts delays content until left column is complete.
- Template:Lts delays content until right column is complete.
- Template:Lts is similar, but technically different.
- The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.