Template:Pad: Difference between revisions
Richardpruen (talk | contribs) m (1 revision imported) |
imported>Andrybak (add parameter "css") |
||
| Line 1: | Line 1: | ||
<includeonly><span style="padding-left:{{{1|1.0em}}};"> </span></includeonly><noinclude>{{Documentation}}</noinclude> | <includeonly><span style="padding-left:{{{1|1.0em}}};{{{css|}}}"> </span></includeonly><noinclude>{{Documentation}}</noinclude> | ||
Latest revision as of 13:47, 1 April 2023
Usage
Use {{pad}} to insert a horizontally padding HTML <span> inline. The template takes one unnamed parameter; a width value specified in px, em or ex (other CSS units – in, cm, pc, pt – are supported as well, but not recommended, typically at 96dpi conversion ratio). The default is 1.0em.
The result is the specified padding followed by an (non-breaking space – at 100% font size (8pt), typically 3px wide in narrow fonts like Arial and Tahoma, 4px in wider fonts like Arial Black and Verdana).
Parameters
|1=- size of padding
|css=- optional additional CSS code
Examples
Indenting by 50 pixels plus an (53px in Arial):
Indenting 50px causes<br />{{pad|50px}}this amount of space.
Produces:
- Indenting 50px causes
this amount of space.
Width of a typical year-range in Arial font (4.8em plus an ):
1492–1540 Exploration by<br />{{pad|4.8em}}Columbus & others.
Produces:
- 1492–1540 Exploration by
Columbus & others.
This is better produced by:
1492–1540 Exploration by<br/>{{hidden text|1492–1540}} Columbus & others.
Which produces:
- 1492–1540 Exploration by
Columbus & others
However, some digits supposedly require less space:
1111–1117 Exploration by<br />{{pad|4.4em}}Explorer Bob.
Produces:
- 1111–1117 Exploration by
Explorer Bob.
But actually not:
1111–1117 Exploration by<br/>{{hidden text|9999–9999}} Explorer Bob.
Produces:
- 1111–1117 Exploration by
Explorer Bob.
Spacing is, of course, different between fonts, too:
- This is text 0123456789 in Arial
and this is indented by 100px + 1
and this is indented by 9em + 1 - This is text 0123456789 in Times New Roman
and this is indented by 100px+ 1
and this is indented by 9em + 1 - This is text 0123456789 in Arial Black
and this is indented by 100px + 1
and this is indented by 9em + 1 - This is text 0123456789 in Lucida Console
and this is indented by 100px+ 1
and this is indented by 9em + 1
Note: 1em is typically 11.2px at 100% font size (8 point), 21.3px at 200% font size (16 point), and 32px at 300% font size (24pt).