Template:Clear/doc
 | This is a documentation subpage for Template:Clear. It contains usage information, categories, and other content that is not part of the original template page. |
Description
This template makes content wait until existing content is completed in all columns. It is often used to prevent text from flowing next to unrelated images.
Usage
{{clear}}— adds<div style="clear:both;"></div>{{clear|left}}— adds<div style="clear:left;"></div>{{clear|right}}— adds<div style="clear:right;"></div>
For technical details, see the discussion over on Wikipedia's talk page.
Examples
Example without {{clear}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean imperdiet aliquam lacus. Fusce semper nulla eu ipsum. Aenean rhoncus enim eget ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec vel erat eget risus dignissim luctus. Pellentesque mi erat, porttitor a, venenatis sit amet, bibendum eget, magna.
Duis sollicitudin ligula. Proin dictum felis. Vestibulum porttitor laoreet neque. In augue. In at nisi eu neque rutrum rhoncus. Nam dapibus, enim non ullamcorper interdum, purus felis cursus massa, et pharetra sapien neque et purus. Sed bibendum elit id enim. Ut interdum, lacus ac interdum consequat, justo eros adipiscing sapien, eget elementum odio nibh sit amet mauris. Sed condimentum pede quis tortor. Aenean eu quam. Nunc auctor, arcu sed porttitor ullamcorper, justo elit adipiscing eros, vel tincidunt risus elit eget est. Aenean eget neque at massa rhoncus tempor.
New section without the template before
Without the code {{clear}}, this section starts at the right of the image.
Example that uses {{clear}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean imperdiet aliquam lacus. Fusce semper nulla eu ipsum. Aenean rhoncus enim eget ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec vel erat eget risus dignissim luctus. Pellentesque mi erat, porttitor a, venenatis sit amet, bibendum eget, magna.
Duis sollicitudin ligula. Proin dictum felis. Vestibulum porttitor laoreet neque. In augue. In at nisi eu neque rutrum rhoncus. Nam dapibus, enim non ullamcorper interdum, purus felis cursus massa, et pharetra sapien neque et purus. Sed bibendum elit id enim. Ut interdum, lacus ac interdum consequat, justo eros adipiscing sapien, eget elementum odio nibh sit amet mauris. Sed condimentum pede quis tortor. Aenean eu quam. Nunc auctor, arcu sed porttitor ullamcorper, justo elit adipiscing eros, vel tincidunt risus elit eget est. Aenean eget neque at massa rhoncus tempor.
{{clear}}
New section with the template before
Here the code {{clear}} is placed before this section, so it appears below the image.