Template:Clear/doc: Difference between revisions
Jump to navigation
Jump to search
(→New section: No, I don't think it looks better. Changing text to neutral statement about layout, not value.) |
(→New section: My browser doesn't show a line through the image. Revising text to only be about layout.) |
||
| Line 17: | Line 17: | ||
{{lorem}} | {{lorem}} | ||
=== New section === | === New section === | ||
See how this section starts at the right of the image | See how this section starts at the right of the image? | ||
<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]] | ||
Revision as of 20:20, 25 January 2011
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?
Example with the {{clear}} template
Template:Lorem {{clear}}
New section
See how this section appears after the image?
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:-.