Template:Clear/doc: Difference between revisions

From The World of Gotha
Jump to navigation Jump to search
(Created page with "<noinclude>{{docsub}}</noinclude> == Description == The <nowiki>{{</nowiki>clear}} 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 == * <code><nowiki>{{</nowiki>clear}}</code> — equivalent to <code><div style="clear:both;"></div></code> * <code><nowiki>{{</nowiki>clear|left}}</code> — equivalent to <code><div style="clear...")
 
mNo edit summary
 
Line 1: Line 1:
<noinclude>{{docsub}}</noinclude>
<noinclude>{{docsub}}</noinclude>
<div id="shortcut" style="float:right;margin-top:-10px;">
{| class="wikitable" style="text-align:center"
|-
| <small>Shortcut</small><hr />'''<nowiki>{{</nowiki>[[Template:clr|clr]]<nowiki>}}</nowiki>'''
|}</div>
== Description ==
== Description ==
The <nowiki>{{</nowiki>[[Template:Clear|clear]]}} 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.
The <nowiki>{{</nowiki>[[Template:Clear|clear]]}} 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.

Latest revision as of 06:06, 12 December 2024

This is a documentation subpage for Template:Clear.
It may contain usage information, categories and other content that is not part of the original template page.
Shortcut
{{clr}}

Description

The {{clear}} 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}} — equivalent to <div style="clear:both;"></div>
  • {{clear|left}} — equivalent to <div style="clear:left;"></div>
  • {{clear|right}} — equivalent to <div style="clear:right;"></div>

Parameters

Parameter Description Type Status Notes
1 Clear String Optional Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.

Examples

Example without {{clear}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

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, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. {{clear}}

New section with the template before

Here the code {{clear}} is placed before this section, so it appears below the image.