H1 – DMCustom headline
H2 – Section
H3 – Subsection
H4
H5
H6 – if this is tiny or missing, the 0.1em rule is live
Let's try the align center from the toolbar.
Body paragraph at 18px. A Daily Maverick link and strong text.
Pasted colour span: this should inherit body colour, not stay red. Link wrapping a span: this should stay link blue.
Standard pull quote with a left border.
This is a standard block quote.
Postquote variant: grey box, extra padding. If this looks the same as the quote above, .postquote is unused or stripped.
Bullet list (TipTap wraps items in p)
First bullet
Second bullet
Indent 1
Indent 2
Indent 3
Nested ordered list (flat ol + ql-indent)
1. Top level (decimal)
a. Indent 1 (lower-alpha)
i. Indent 2 (lower-roman)
1. Indent 3 (decimal again)
a. Indent 4 – drop if unused
i. Indent 5 – drop if unused
1. Indent 6 – drop if unused
a. Indent 7 – drop if unused
i. Indent 8 – drop if unused
2. Back to top level
TipTap task list
Unchecked TipTap task
Checked TipTap task (should be struck through)
Quill legacy checklist
Unchecked Quill item
Checked Quill item (struck through)
Code
Inline code in a sentence.
const example = true;Figure with figcaption
Legacy caption: img + em
Custom link embed
Related reading
Float none – full width card
Related reading
Float left – should sit beside this paragraph on desktop and stack on mobile.
Body text wrapping a left-floated embed. Resize the window: below 640px the float should drop and the card should centre.
Related reading
Float right
Body text wrapping a right-floated embed.
Inline embedded article
Africa Standard in-body related article card. 8 Sep 2026
Insider Premium variant: gold left stripe. 8 Sep 2026
Opinionista embed: circular author portrait.
Iframes
YouTube 16:9
Vimeo 16:9
Instagram 1:1 (may be blocked)
TikTok 9:16 (may be blocked)