Template:Clear/doc: Difference between revisions
Jump to navigation
Jump to search
(Implemented change requested on talk page (unobjected to for over 1 year).) |
m (ToC sanity) |
||
Line 16: | Line 16: | ||
[[Image:HeidelbergTun.jpg|200px|left]] | [[Image:HeidelbergTun.jpg|200px|left]] | ||
{{lorem}} | {{lorem}} | ||
== New section == | === New section === | ||
See how this section starts at the right of the image, with the line actually overlapping the image | See how this section starts at the right of the image, with the line actually overlapping the image | ||
Line 25: | Line 25: | ||
'''{{tnull|clear}}''' | '''{{tnull|clear}}''' | ||
<div style="clear:both;"></div> | <div style="clear:both;"></div> | ||
== New section == | === New section === | ||
See how this looks much better? | See how this looks much better? | ||
Revision as of 13:42, 27 August 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
{{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:-.