# Description List

This component is used to create a description list.

## Usage

Add the ```.description-list``` class to a ```dl``` element.

<div class="docs-demo">
    <dl class="description-list">
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    </dl>
</div>

```html
<dl class="description-list">
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
</dl>
```

-----------

## Divider

To add a separator between the different items in the list, add the ```.description-list-divider``` class.

<div class="docs-demo">
    <dl class="description-list description-list-divider">
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dt>Description term</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    </dl>
</div>

```html
<dl class="description-list description-list-divider">
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Description term</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
</dl>
```

-----------