Template:Numbered block/testcases

This is the template test cases page for the sandbox of Template:Numbered block. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

Quadratic with <math>

{{Numbered block|:|{{#parsoidfragment:10}}|45}}

ax^{2}+bx+c=0

45

ax^{2}+bx+c=0

(45)

Showing the line

{{Numbered block|:|{{#parsoidfragment:16}}|Eq. 7|LnSty=3px dotted Gainsboro}}

ax^{2}+bx+c=0

Eq. 7

ax^{2}+bx+c=0

(Eq. 7)

Showing the border

{{Numbered block|:|{{#parsoidfragment:22}}|Eq. 7|Border=1}}

ax^{2}+bx+c=0

Eq. 7

ax^{2}+bx+c=0

(Eq. 7)

Deeply indented with chem2

{{Numbered block|::::|Eq. 24|2={{#parsoidfragment:28}}<span class="chemf nowrap">6 H<sub class="template-chem2-sub">2</sub>O + 6 CO<sub class="template-chem2-sub">2</sub>  →  C<sub class="template-chem2-sub">6</sub>H<sub class="template-chem2-sub">12</sub>O<sub class="template-chem2-sub">6</sub> + 6 O<sub class="template-chem2-sub">2</sub></span> |RawN=y}}

6 H₂O + 6 CO₂ → C₆H₁₂O₆ + 6 O₂

Eq. 24

6 H₂O + 6 CO₂ → C₆H₁₂O₆ + 6 O₂

Eq. 24

Add a note

{{Numbered block|:|Eq. 24|2={{#parsoidfragment:34}}<span class="chemf nowrap">6 H<sub class="template-chem2-sub">2</sub>O + 6 CO<sub class="template-chem2-sub">2</sub>  →  C<sub class="template-chem2-sub">6</sub>H<sub class="template-chem2-sub">12</sub>O<sub class="template-chem2-sub">6</sub> + 6 O<sub class="template-chem2-sub">2</sub></span> |RawN=y |note=Photosynthesis}}

6 H₂O + 6 CO₂ → C₆H₁₂O₆ + 6 O₂

Eq. 24

6 H₂O + 6 CO₂ → C₆H₁₂O₆ + 6 O₂

Eq. 24

List formatting

Test case 1

{{bulleted list
|1=<div style="line-height: 0.8; display: block; border: 1px solid Lime;">{{Numbered block|Border=.||<math>f(x) = a x + b</math>|77}}</div>
|2=<div style="line-height: 0.8; display: inline-table; border: 1px solid Lime;">{{Numbered block|Border=.||<math>f(x) = a x + b</math>|37}}</div>
}}

`{{Numbered block}}`

$f(x)=ax+b$ 77
$f(x)=ax+b$ 37

`{{Numbered block/sandbox}}`

$f(x)=ax+b$

(77)
$f(x)=ax+b$

(37)

Test case 2

{{bulleted list
|1=<div style="line-height: 0.8; display: block; border: 1px solid Lime;">{{Numbered block|Border=.|:|<math>f(x) = a x + b</math>|77}}</div>
|2=<div style="line-height: 0.8; display: inline-table; border: 1px solid Lime;">{{Numbered block|Border=.|:|<math>f(x) = a x + b</math>|37}}</div>
}}

`{{Numbered block}}`

$f(x)=ax+b$ 77
$f(x)=ax+b$ 37

`{{Numbered block/sandbox}}`

$f(x)=ax+b$

(77)
$f(x)=ax+b$

(37)

Test case 3

[[File:Westminstpalace.jpg|thumb|50px|left|Figure 1]]
<!--
    "overflow: hidden;" is related to
    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts
-->
{{bulleted list
|1=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>7x+2y-9z=10</math>|A}}</div></div>
|2=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>3x+3y+5z=-6</math>|B}}</div></div>
}}
[[File:Westminstpalace.jpg|thumb|50px|right|Figure 2]]
{{bulleted list
|1=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>x+4y+5z=7</math>|C}}</div></div>
|2=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>2x+5y+6z=-8</math>|D}}</div></div>
|3=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>3x+6y+5z=-6</math>|E}}</div></div>
|4=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>4x+7y+5z=-6</math>|F}}</div></div>
}}
[[File:Westminstpalace.jpg|thumb|50px|left|Figure 3]]
[[File:Westminstpalace.jpg|thumb|50px|right|Figure 4]]
{{bulleted list
|1=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>5x+8y+5z=-6</math>|G}}</div></div>
|2=<div style="overflow: hidden;"><div style="display: inline-block; vertical-align: middle; width: 100%;">{{Numbered block||<math>6x+9y+5z=-6</math>|H}}</div></div>
}}