w:c:strategywiki>Mason11987 (for breaks) |
w:c:strategywiki>DrBob m (Description) |
||
| Line 1: | Line 1: | ||
<includeonly><div style="clear: both;"></div></includeonly><noinclude>Includes a clearing element when used. Very useful for making floating elements stay within their section when the section is very small vertically. | <includeonly><div style="clear: both;"></div></includeonly><noinclude>Includes a clearing element when used. Very useful for making floating elements stay within their section when the section is very small vertically. | ||
== Example == | |||
== | === Header 1 === | ||
<div style="background-color: #f9f9f9; border: 1px solid #cccccc; float: left; margin: 5px; padding: 20px 5px; text-align: center; width: 50px;"><p>''This is a floating element.''</p></div> | <div style="background-color: #f9f9f9; border: 1px solid #cccccc; float: left; margin: 5px; padding: 20px 5px; text-align: center; width: 50px;"><p>''This is a floating element.''</p></div> | ||
Normally Header 2 would start immediately below this text, which would look very ugly. | Normally Header 2 would start immediately below this text, which would look very ugly. | ||
{{-}} | |||
=== Header 2 === | |||
With the clearing element between Header 1 and Header 2, the two headers are seperated from each other. | |||
[[Category:Templates|-]]</noinclude> | |||
</noinclude> | |||
Revision as of 19:58, 22 July 2006
Includes a clearing element when used. Very useful for making floating elements stay within their section when the section is very small vertically.
Example
Header 1
This is a floating element.
Normally Header 2 would start immediately below this text, which would look very ugly.
Header 2
With the clearing element between Header 1 and Header 2, the two headers are seperated from each other.