Content

Prose

• Paragraph
• Lists
• Image
• Quote
• Code
• Figure

Inline text

The elements that mark up words inside a sentence.

Keyboard keys

Keys and key combinations shown as key caps.

Heading group

A heading with a kicker above or a subtitle below.

Address

Contact details for a page or an article.

Code block

• A plain block
• With a caption
• Language label
• Highlighting
• Long lines
• Output

Copy to clipboard

A button that copies a block of text.

Media

• An image
• A picture for each screen
• Video
• Audio
• A drawing
• Another page

Video embed

• A player from another site
• Load on click
• Your own video
• Other shapes

Gallery

A grid of images that open larger in place.

Footnotes

Numbered notes linked from the text.

Margin notes

Side notes set in the margin beside the text.

Ruby annotation

Small pronunciation notes above characters.

Bidirectional text

Mixing left-to-right and right-to-left text.

Text columns

Running text set in newspaper columns.

Link icons

Small icons that show where a link goes.

Editable text

Text the reader can edit in place.

Find-in-page reveal

Hidden text that opens when the browser finds a match in it.