Pattern Lab

Definition List

Raw View 
<dl>
    <dt>Definition List</dt>
    <dd>A number of connected items or names written or printed consecutively, typically one below the other.</dd>
    <dt>This is a term.</dt>
    <dd>This is the definition of that term, which both live in a <code>dl</code>.</dd>
    <dt>Here is another term.</dt>
    <dd>And it gets a definition too, which is this line.</dd>
    <dt>Here is term that shares a definition with the term below.</dt>
    <dd>And it gets a definition too, which is this line.</dd>
</dl>
Definition List
A number of connected items or names written or printed consecutively, typically one below the other.
This is a term.
This is the definition of that term, which both live in a dl.
Here is another term.
And it gets a definition too, which is this line.
Here is term that shares a definition with the term below.
And it gets a definition too, which is this line.
Top
clicking on "#styletester-show-sizesoprtions" toggles class "visible" on "#styletester-menu-sizes" clicking on "#styletester-sizes-xs" toggles class "styletester-xs" on "#styletester-content-wrapper" clicking on "#styletester-sizes-s, styletester-sizes-m, styletester-sizes-l, styletester-sizes-xl, styletester-sizes-f" removes class "styletester-xs" on "#styletester-content-wrapper" clicking on "#styletester-sizes-s" toggles class "styletester-s" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xs, styletester-sizes-m, styletester-sizes-l, styletester-sizes-xl, styletester-sizes-f" removes class "styletester-s" on "#styletester-content-wrapper" clicking on "#styletester-sizes-m" toggles class "styletester-m" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xs, styletester-sizes-s, styletester-sizes-l, styletester-sizes-xl, styletester-sizes-f" removes class "styletester-m" on "#styletester-content-wrapper" clicking on "#styletester-sizes-l" toggles class "styletester-l" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xs, styletester-sizes-s, styletester-sizes-m, styletester-sizes-xl, styletester-sizes-f" removes class "styletester-l" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xl" toggles class "styletester-xl" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xs, styletester-sizes-s, styletester-sizes-m, styletester-sizes-l, styletester-sizes-f" removes class "styletester-xl" on "#styletester-content-wrapper" clicking on "#styletester-sizes-f" toggles class "styletester-f" on "#styletester-content-wrapper" clicking on "#styletester-sizes-xs, styletester-sizes-s, styletester-sizes-m, styletester-sizes-l, styletester-sizes-xl" removes class "styletester-f" on "#styletester-content-wrapper" clicking on "#styletester-show" toggles class "showmenu" on "#styletester-site-wrapper" clicking on ".styletester-code-button" toggles class "visible" on "target"