note - speced/respec GitHub Wiki

.note

Marks content as a note. Generates a labelled "Note" box with the content.

Usage

<div class="note">
  <p>Authors must not rely on the computed value being identical
  across different implementations.</p>
</div>
<p class="note" title="Always use native semantics">
  If you are using <code>role="button"</code> on a div,
  you are probably doing it wrong.
</p>

Variants

Class Renders as
.note Note box
.note with title attribute "Note: [title]" header
.warning Warning box (see .warning)

Notes

  • Works on block elements: <div>, <p>, <aside>, <section>
  • Also works inline: <span class="note">…</span> renders as a compact inline note
  • The title attribute is interpreted as HTML — see title attributes
  • Numbered notes get a counter in the heading (e.g. "Note 1")
  • For editor-facing notes not meant for the published spec, use ednote instead
⚠️ **GitHub.com Fallback** ⚠️