Purpose edit

Template for creating two smaller lines of text on one actual line, this can be used for scientific notations of uncertainty and physics symbols, such as nuclides and particles.

It was named after the <sup> and <sub> HTML tags, which share the first two letters of their name with this template. This template uses the third letter of the name of these tags, p and b, as the name of the argument that drives the output of the top and bottom line, respectively.

Editors beware: these templates use all kinds of hacky tricks to make the output render correctly in a wide variety of browsers. If you plan to make changes to this template, please make sure you verify that this template renders correctly after those changes in all major browsers. This list includes the latest version(s) of Chrome, Firefox, and Safari.

Arguments edit

|p= The contents of the top line.
|b= The contents of the bottom line.
|a= The alignment of both lines (|a=r: right-aligned; |a=c: center-aligned; default is left-aligned).
|w= The size of the characters (|w=f: fixed-width (monospace), otherwise template inherits the current font and context by default).
|lh= The line height or distance from top to bottom (including top character). Default is 1.2em.

Note on fractions edit

Usually, when using vulgar fractions it is MOS habit to use &frasl; () (MOS:FRAC) and {{frac}}. However, in <sub> or <sup> tags, best use the keyboard slash / for readability in most browsers:

X1⁄2
7⁄8
(fraction slash) Red XN

and

X1/2
7/8
(keyboard slash) Green tickY

Examples edit

Simple edit

X{{su|p=a}} X{{su|b=b}} X{{su|p=a|b=b}} {{su|p=a|b=b}}X {{su|p=a|b=b}}X{{su|p=c|b=d}}
Xa
X
b
Xa
b
a
b
X a
b
Xc
d

Left-aligned (default) edit

X{{su|p=aaaaa|b=b}} X{{su|p=aaaaa|b=b}}Y X{{su|p=a|b=bbbbb}} {{su|p=a|b=bbbbb}}X
Xaaaaa
b
Xaaaaa
b
Y Xa
bbbbb
a
bbbbb
X

Right-aligned edit

X{{su|a=r|p=aaaaa|b=b}}X{{su|a=r|p=a|b=bbbbb}}X
Xaaaaa
b
Xa
bbbbb
X

Center-aligned edit

X{{su|a=c|p=aaaaa|b=b}}X{{su|a=c|p=a|b=bbbbb}}X
Xaaaaa
b
Xa
bbbbb
X

Smaller font edit

{{small|X{{su|p=a}}X{{su|b=b}}X{{su|p=a|b=b}}X}}
Xa
X
b
Xa
b
X

Larger font edit

{{big|X{{su|p=a}}X{{su|b=b}}X{{su|p=a|b=b}}X}}
Xa
X
b
Xa
b
X

Fixed-width edit

X{{su|p=...|b=www}}X{{su|w=f|p=...|b=www}}X
X...
www
X...
www
X

Close-spacing edit

{{su|p=4|b=4}} {{su|lh=0.8em|p=4|b=4}}
4
4
4
4

Line breaks edit

Unlike the <sup> and <sub> tags, this template does not always prevent line breaks between the two small lines and the text preceding or following it. Thus, if this template is used to supply a subscript and superscript over a base symbol, the whole structure has to be enclosed in a {{nowrap}}, or this template should be invoked through another template that takes care of the wrapping in an appropriate way.

Note: Without the suggested {{nowrap}}, this is not consistent across all browsers: in Chrome, this is true, whereas in Firefox and Safari line breaks will generally be suppressed after preceding text.

Example: {{nowrap|X{{su|p=a|b=b}}}}  Xa
b

See also edit