Template:Clear/doc: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (spaces) |
||
Line 11: | Line 11: | ||
<nowiki>{{subst:Clear}}</nowiki> | <nowiki>{{subst:Clear}}</nowiki> | ||
The template may also be transcluded, but as the markup provided is unlikely to change or improve,there is little justification for transclusion overhead. | The template may also be transcluded, but as the markup provided is unlikely to change or improve, there is little justification for transclusion overhead. | ||
== Example without the {{tnull|clear}}template== | == Example without the {{tnull|clear}} template== | ||
[[Image:HeidelbergTun.jpg|200px|left]] | [[Image:HeidelbergTun.jpg|200px|left]] | ||
{{lorem}} | {{lorem}} | ||
Line 20: | Line 20: | ||
<div style="clear:both;"></div> <!-- a genuine use of the template! --> | <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]] | ||
{{lorem}} | {{lorem}} | ||
Line 32: | Line 32: | ||
* {{Lts|clearright}} delays content until right column is complete. | * {{Lts|clearright}} delays content until right column is complete. | ||
* {{Lts|-}} is similar, but technically different. | * {{Lts|-}} is similar, but technically different. | ||
*: ''The fine points of {{Tl|clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#- | *: ''The fine points of {{Tl|clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#- versus clear|Template talk:-]].'' | ||
Revision as of 04:32, 8 May 2008
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
{{subst:Clear}}
The template may also be transcluded, but as the markup provided is unlikely to change or improve, there is little justification for transclusion overhead.
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:-.