<dd>

<dd> supplies the description, definition, or value for the preceding term or terms in a dl. It is not the term itself; dt names the term.

Describe the term

The first description explains a concept. The second group shows that a value can contain several paragraphs.

<dl>
  <dt>Gap</dt>
  <dd>Space between adjacent layout tracks or items.</dd>
  <dt>Workshop preparation</dt>
  <dd>
    <p>Bring a laptop with a browser.</p>
    <p>No software purchase is required for this example session.</p>
  </dd>
</dl>

dt {
  font-weight: 600;
}
dd {
  margin: 0.25rem 0 1rem 1rem;
}

Placement and content

Dd belongs in dl, directly or inside a div containing a complete term-description group. It follows dt or another dd in the same group. It accepts flow content, including paragraphs and lists, when those add useful detail.

The browser’s usual indentation can be changed with CSS. Avoid obsolete nowrap attributes and do not infer meaning from indentation alone.

Try a change

Add another dd after “Gap” for a second distinct description. Do not add a new dt until that group’s descriptions are finished. For a glossary, make sure the term is defined in the text rather than putting its entire explanation in a hover tooltip.

Sources and browser support

MDN: dd describes the syntax and links to the specification and compatibility data. Check individual values in that table when supporting older browsers.