Difference between revisions of "Template:Clear"
m (Protected "Template:Clear" [edit=sysop:move=sysop]) |
m (1 revision(s)) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <div style="clear: both"></div><noinclude>{{ | + | <div style="clear:both"></div><noinclude>{{documentation}}</noinclude> |
Revision as of 22:28, 13 February 2008
<templatestyles src="Module:Documentation/styles.css"></templatestyles>
- This template documentation is transcluded from Template:Clear/doc [edit]
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?
How it works
This is what {{clear}} actually does, ignore the <noinclude> stuff shown by {{msgnw:clear}}:
<div style="clear:both"></div><noinclude>{{documentation}}</noinclude>
See also
- : Delays content until left column is complete.
- : Delays content until right column is complete.
- is similar but technically different
Discussion
The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.
.svg){kind=link}
