Bhylu

Other Lists

A description list pairs names with explanations or values. It fits a small glossary, a set of product facts, or other explicit term–description relationships.

How it works

  • Use dl as the container, dt for the term or name, and dd for its associated description.
  • A term can have more than one description, and a description can apply to more than one term. Keep the grouping understandable.
  • Choose a real table instead if readers need to compare a matrix of rows and columns rather than individual name–value pairs.

A practical example

HTML

<dl>
  <dt>Location</dt><dd>Market Lane workshop</dd>
  <dt>Duration</dt><dd>Two hours</dd>
  <dt>Equipment</dt><dd>Tools are provided.</dd>
</dl>

Each label is associated with a value. CSS can turn this into a compact layout without changing the semantic relationships.