Skip to content

<dl>

The <dl> element represents a description list, which consists of a series of terms and their corresponding descriptions.

It is typically used to create a list of definitions, where each term is followed by its definition.

Basic Usage

live preview
editable html
<dl>
  <dt>Term one</dt>
  <dd>Definition for term one. The <code>&lt;dl&gt;</code> element styles use the same typography spacing as other block elements.</dd>
  <dt>Term two</dt>
  <dd>Definition for term two.</dd>
  <dt>Multiple terms</dt>
  <dt>Share one definition</dt>
  <dd>This definition applies to both terms above.</dd>
</dl>