<dl>: The Description List element - HTML

`Multiple terms, single description`

html


  Firefox
  Mozilla Firefox
  Fx
  
    A free, open source, cross-platform, graphical web browser developed by the
    Mozilla Corporation and hundreds of volunteers.

Result

`Single term, multiple descriptions`

html


  Firefox
  
    A free, open source, cross-platform, graphical web browser developed by the
    Mozilla Corporation and hundreds of volunteers.
  
  
    The Red Panda also known as the Lesser Panda, Wah, Bear Cat or Firefox, is a
    mostly herbivorous mammal, slightly larger than a domestic cat (60 cm long).

Result

`Multiple terms and descriptions`

It is also possible to define multiple terms with multiple corresponding descriptions, by combining the examples above.

`Metadata`

Description lists are useful for displaying metadata as a list of key-value pairs.

html Name Godzilla Born 1952 Birthplace Japan Color Green Result Tip: It can be handy to define a key-value separator in the CSS, such as: css dt::after { content: ": "; }

`Wrapping name-value groups in div elements`

HTML allows wrapping each name-value group in a

element in a element. This can be useful when using microdata, or when global attributes apply to a whole group, or for styling purposes. html Name Godzilla Born 1952 Birthplace Japan Color Green Result

`Notes`

Do not use this element (nor

elements) to merely create indentation on a page. Although it works, this is a bad practice and obscures the meaning of description lists. To change the indentation of a description term, use the CSS margin property.

`Technical summary`

Content categories	Flow content, and if the element's children include one name-value group, palpable content.
Permitted content	Either: Zero or more groups each consisting of one or more elements followed by one or more elements, optionally intermixed with