note

.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