---

layout: single

elementName: dd

---

<section id="dd" class="element">

<header class="element-header">

<nav class="element-links">

<span>

Type: <strong>inline</strong>

</span>

<span>

Self-closing:

<strong>

No

</strong>

</span>

<a class="element-links-direct" href="{{site.url}}/element/dd/" data-element-name="dd" data-tooltip="Single page for this element">Permalink</a>

<a class="element-share" data-tooltip="Share on Twitter or Facebook" data-element-name="dd">Share</a>

<a target="_blank" href="https://developer.mozilla.org/en/docs/Web/HTML/Element/dd" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a>

</nav>

<h2 class="element-name">

<a href="#dd">

<span>#</span>

dd

</a>

</h2>

<div class="element-description">

<p>Defines an item in a <strong>definition list</strong>.</p>

</div>

</header>

<div id="dd-example-0" class="example">

<p class="example-label">

<strong>Example:</strong>

<a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#dd-example-0-code">Copy</a>

</p>

<article class="example-preview">

<div class="example-output"><dl>

<dt>Web</dt>

<dd>The part of the Internet that contains websites and web pages</dd>

<dt>HTML</dt>

<dd>A markup language for creating web pages</dd>

<dt>CSS</dt>

<dd>A technology to make HTML look better</dd>

<div id="dd-example-0-code" class="example-code">{% highlight html %}<dl>

<dt>Web</dt>

<dd>The part of the Internet that contains websites and web pages</dd>

<dt>HTML</dt>

<dd>A markup language for creating web pages</dd>

<dt>CSS</dt>

<dd>A technology to make HTML look better</dd>

</dl>{% endhighlight %}</div>

</article>

</div>