Template:-/doc: Difference between revisions
No edit summary |
|||
Line 15: | Line 15: | ||
== Examples== | == Examples== | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{lorem}} | |||
|} | |||
=== First === | === First === | ||
In the first example <tt><nowiki>{{-}}</nowiki></tt> after the word ''browser'' guarantees that the table does not float into the second example. | In the first example <tt><nowiki>{{-}}</nowiki></tt> after the word ''browser'' guarantees that the table does not float into the second example. | ||
* Cute, but less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}} | * Cute, but less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}} | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{lorem}} | |||
|} | |||
---- | ---- | ||
=== Second === | === Second === | ||
Line 33: | Line 37: | ||
left margin of the bullet '''*''' list, because it is used inside of it. | left margin of the bullet '''*''' list, because it is used inside of it. | ||
* Cute, but{{-}}less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser. | * Cute, but{{-}}less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser. | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{lorem}} | |||
|} | |||
---- | ---- | ||
=== Third === | === Third === | ||
Line 43: | Line 49: | ||
* Cute, but | * Cute, but | ||
less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}} | less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}} | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{lorem}} | |||
|} | |||
---- | ---- | ||
=== Fourth === | === Fourth === |
Revision as of 11:13, 27 June 2013
Use {{-}} after any floating elements and before elements you do not wish to float together with the first set. This uses a line break, which may introduce an ugly extra blank line. If you want to avoid that, use {{Clear}} instead. Do not use this template to deliberately add whitespace and blank lines between non-floating elements.
Details
{{-}} contains the markup:
<br style="clear:both;" />
This causes any previously established float to clear.
Optionally, you can clear only left- or right floating elements by using {{-|left}}
or {{-|right}}
.
The unusual name of this template is a mnemonic for an imaginary horizontal line, which separates floating elements above from those below. Some editors prefer the mnemonic {{Clr}} ("clear"), which simply redirects here. However, do not confuse {{Clr}} with {{Clear}}, which is a different template that uses <div></div>
instead of <br />
and so does not introduce an extra line break.
Examples
Example sidebar |
---|
In these examples a simple right floating table is used. Please add missing {{-}} where necessary. This is only a quick example. |
Template:Lorem |
First
In the first example {{-}} after the word browser guarantees that the table does not float into the second example.
- Cute, but less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples a simple right floating table is used. Please add missing {{-}} where necessary. This is only a quick example. |
Template:Lorem |
Second
In the second example the position of {{-}} is after the word but. Note that it does not affect the left margin of the bullet * list, because it is used inside of it.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples a simple right floating table is used. Please add missing {{-}} where necessary. This is only a quick example. |
Template:Lorem |
Third
The third example has a new line after the word but and {{-}} after the word browser.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples a simple right floating table is used. Please add missing {{-}} where necessary. This is only a quick example. |
Template:Lorem |
Fourth
The fourth example has {{-}} and a new line after the word but.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
See also
- {{Clear}}: Delays content until both columns are complete. Can also be set to left or right.