A specimen of everything
This opening paragraph is the lede, slightly enlarged. It tests “educated quotes” and the apostrophe in don’t, plus an em dash — like this — and an en dash for 1914–1918, and a trailing ellipsis…
A quotation lifted from the source, long enough to read like a real pull, with “quoted speech” inside it and soft hyphens working across administrative boundaries.
This is a margin note. On wide screens it sits in the right margin; on narrow ones it becomes this bordered callout.
Margin notes attach inline. The sentence continues after the note marker as if nothing happened, and long words like extraordinarily uncharacteristic administrative responsibilities should pick up soft hyphens, though never in a paragraph’s final incomprehensibilities.
A cross-reference to an ordinary-length post title should render in real small caps, while an external link to the hyphenation patterns stays as ordinary underlined text.
A small-caps subhead with “quotes”
- First numbered item, with its numeral and period hanging in the margin.
- Second item long enough to wrap onto another line so the flush alignment of wrapped text against the body column is visible at a glance.
- A bulleted item behind a small diamond, with
code that -- must not -- be educated. - Another bullet.
An italic third-level heading
"straight quotes" and -- dashes stay untouched in code blocks,
sitting between hairline rules with no background pill
“Quoted openings hang in the margin,” someone said in the ’90s, “so the left edge stays flush.” And ’em dashes still educate correctly around ’tis and ’til.
A section break above this paragraph renders as the printer’s dinkus. The final paragraph ends with a deliberately long unhyphenatable-looking word: notwithstanding.