In Memoriam: Tai'lahr
OpenUru.org, along with the rest of the Mystonline community, is mourning the loss of Tai'lahr on October 16th, 2019.
Rest in Peace, friend.
Difference between revisions of "Template:Clear"
(New page: <div style="clear:both;"></div><noinclude> {{Clear/doc}} </noinclude>) |
(Update doc link) |
||
| (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> | </noinclude> | ||
Latest revision as of 02:45, 4 February 2010
{{clear}} clears all existing floats, causing subsequent content to be displayed starting below the lowest extending floated item. This is used to tidy up layout issues arising from unexpected flow of test around thing like floated images. You can consider this equivalent to inserting an invisible horizontal rule.
For example, a page may be intended to contain two images side by side with text appearing underneath the two. One image is "floated" to the left edge using [[Image:Example1.jpg|left]] and the other floated to the right edge with [[Image:Example2.png|right]], and the text is added to the page below both images. If the browser window is not too wide, then the page will render as expected. However if the browser window width is is increased much beyond the horizontal width of the two images, then the text will start to flow between the images. Inserting {{clear}} after the images and before the text will correct this behaviour.
Usage
Insert {{clear}} after any floated items and before any content which must "clear" the floats.