HTML5 <dd> Tag

The HTML <dd> tag is used to represent the description of a term in a description list (<dl>).

The only content permitted inside this element is flow content. The start tag is required for this element. The end tag may be omitted if the <dd> element is immediately followed by another <dd> element, or if there is no more content in the parent element.

The parent of the <dd> tag can be <dl> or (in WHATWG HTML) a <div> that is inside a <dl>.

The following style is applied to this element by default:

dd {
  display: block;
  margin-start: 40px;
}

Here is an example of using this tag:

<dl>
  <dt><dfn>happiness</dfn></dt>
  <dd class="pronunciation">/'hæ p. nes/</dd>
  <dd class="part-of-speech"><i><abbr>n.</abbr></i></dd>
  <dd>The state of being happy.</dd>
  <dd>Good fortune; success. <q>Oh <b>happiness</b>! It worked!</q></dd>
  <dt><dfn>rejoice</dfn></dt>
  <dd class="pronunciation">/ri jois'/</dd>
  <dd><i class="part-of-speech"><abbr>v.intr.</abbr></i> To be delighted oneself.</dd>
  <dd><i class="part-of-speech"><abbr>v.tr.</abbr></i> To cause one to be delighted.</dd>
</dl>

Attributes

This element only accepts global attributes.

Examples

See the Pen HTML dd Tag by Tutorialio (@tutorialio) on CodePen.

Further Reading

  1. Read more about the HTML <dd> element on MDN.
  2. You can also read the HTML <dd> tag reference on W3C.

Reader Comments

1. You can register or login to post a comment. Asking readers to register improves the quality of discussion.

2. As a registered user, you will also get to access features like choosing between a light and dark theme or anything else that we might implement in future.

Follow Us For Updates

FacebookTwitterGoogle+
Go To Top