Template:Clear/doc: Difference between revisions
meta>CesarB copy from template/template talk |
meta>CesarB m fix link |
||
Line 2: | Line 2: | ||
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE --> | <!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE --> | ||
This template adds <tt><div style="clear: both"></div></tt>; | This template adds <tt><div style="clear: both"></div></tt>; | ||
for technical XHTML details see [[Template talk: | for technical XHTML details see [[Template talk:Clear]]. | ||
== Documentation == | == Documentation == |
Revision as of 16:21, 4 September 2006
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:{{{1|both}}};"></div><noinclude> {{documentation}} </noinclude>
See also
- Template:Clear(edit talk links history)
- Template:Clearleft(edit talk links history): Delays content until left column is complete.
- Template:Clearright(edit talk links history): Delays content until right column is complete.
- Template:-(edit talk links history) is similar but technically different
Discussion
The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.