How deeply does Web Design Playground, Second Edition cover sub element?

Defines the element, describes its browser rendering, and demonstrates it in a chemical formula.

Sub element

As explained in Web Design Playground, Second Edition

The HTML sub element marks text as a subscript positioned partially below the text baseline.

The HTML element marks text as a subscript: a smaller piece of text positioned partly below the normal text baseline. It is especially handy for chemical and mathematical formulas. section 16.1

A chemical formula

Wrap the formula’s lower numbers in tags: FeSO4 and C7H6O5. The browser places those numbers below the baseline. section 16.1

Many illuminated manuscripts are written using iron gall ink, which is iron sulfate (FeSO<sub>4</sub>) added to gallic acid (C<sub>7</sub>H<sub>6</sub>O<sub>5</sub>).

See the complete chemical-formula example using several subscripted numbers. section 16.1

Use when the lowered position carries meaning, not merely because smaller text looks decorative. section 16.1

How Web Design Playground, Second Edition covers it

Cover of Web Design Playground, Second Edition

liveBook manning.com

Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Related concepts

baselineuses · A text baseline is the typographic reference line on which most glyphs rest and relative to which their vertical positions are defined.
font-size propertyuses · The CSS font-size property specifies the nominal size of an element’s rendered text.
sup elementcontrasts with · The HTML sup element marks text as superscript, positioning it above the surrounding text baseline.

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.