Template:Clear: Difference between revisions

From The DarkMod Wiki
Jump to navigationJump to search
(fixup)
m (dang typos :-)
Line 7: Line 7:


   <nowiki>[[Image:bevel09.jpg|right]]</nowiki>
   <nowiki>[[Image:bevel09.jpg|right]]</nowiki>
   Some more text.  
   Some more text.
   This text will also be left of the image.
   This text will also be left of the image.


Line 13: Line 13:


[[Image:bevel09.jpg|right]]
[[Image:bevel09.jpg|right]]
Some more text.  
Some more text.
Even more text.
is text will also be left of the image.


{{clear}}
{{clear}}
Line 29: Line 29:
Some more text.  
Some more text.  
{{clear}}   
{{clear}}   
Even more text.
This text will be below the image.


</noinclude><includeonly><div style="clear: both"></div></includeonly>
</noinclude><includeonly><div style="clear: both"></div></includeonly>

Revision as of 16:20, 28 October 2007

This template inserts an empty paragraph break that also clears floating elements, so that the text after this paragraph will be below them. This is usefull for when you anchor images with |right or |left. Anything written below these images will appear left or right of the image until the full height of the image is used up. With {{clear}}, you can force the text to continue after the image.

Here is an example:

Wiki code:

 [[Image:bevel09.jpg|right]]
 Some more text.
 This text will also be left of the image.

Here is how it looks:

Bevel09.jpg

Some more text. is text will also be left of the image.

And here is how it looks with this template:

Wiki code:

 [[Image:bevel09.jpg|right]]
 Some more text. 
 {{clear}}
 This text will be below the image.
Bevel09.jpg

Some more text.

This text will be below the image.