Definitions Liste

Styles for listings

Markup

<dl>
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

<dl class="definition-list">
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

<dl class="definition-list horizontal">
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

Example

CSS: no Markup

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.divided

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.boxed

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.striped

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

Horizontal

CSS: .definition-list.horizontal

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.horizontal.boxed

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.horizontal.divided

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4

CSS: .definition-list.horizontal.striped.boxed.hoverable

Term
Definition
Term 2
Definition 2
Term 3
Definition 3
Term 4
Definition 4