 <!doctype html>
<html>
    <head>
        <title>Description lists</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <!-- Multiple terms and descriptions -->
        <h2>Cryptids of Cornwall</h2>

        <dl>
            <dt>Beast of Bodmin</dt>
            <dd>A large feline inhabiting Bodmin Moor.</dd>

            <dt>Morgawr</dt>
            <dd>A sea serpent.</dd>

            <dt>Owlman</dt>
            <dd>A giant owl-like creature.</dd>
        </dl>
        
        <!-- Multiple terms, single description -->
        <h2>Snow monsters</h2>

        <dl>
            <dt>Yeti</dt>
            <dt>Abominable Snowman</dt>
            <dd>An ape-like creature said to live in the Himalayas.</dd>
        </dl>
        
        <!-- Single term, multiple descriptions -->
        <h2>Other</h2>
        <dl>
            <dt>Unicorn</dt>
            <dd>A mythical, horse-like animal with a single horn.</dd>
            <dd>Something which is desirable but difficult to obtain.</dd>
        </dl>
        
        <!-- key-value pairs -->
        <h2>Garfield</h2>
        <dl>
            <dt>Name</dt>
            <dd>Garfield</dd>
            <dt>Born</dt>
            <dd>19 June 1978</dd>
            <dt>Color</dt>
            <dd>Orange</dd>
            <dt>Loves</dt>
            <dd>Lasagna</dd>
            <dt>Hates</dt>
            <dd>Mondays</dd>
            <dt>Personality</dt>
            <dd>Cynical</dd>
        </dl>

    </body>
</html>

<!doctype html>

<html>

<head>

<title>Description lists</title>

</head>

<body>

<h2>Cryptids of Cornwall</h2>

<dl>

<dt>Beast of Bodmin</dt>

<dd>A large feline inhabiting Bodmin Moor.</dd>

<dt>Morgawr</dt>

<dd>A sea serpent.</dd>

<dt>Owlman</dt>

<dd>A giant owl-like creature.</dd>

</dl>

<h2>Snow monsters</h2>

<dl>

<dt>Abominable Snowman</dt>

<dd>An ape-like creature said to live in the Himalayas.</dd>

</dl>

<h2>Other</h2>

<dl>

<dt>Unicorn</dt>

<dd>A mythical, horse-like animal with a single horn.</dd>

<dd>Something which is desirable but difficult to obtain.</dd>

</dl>

<h2>Garfield</h2>

<dl>

<dd>Garfield</dd>

<dt>Color</dt>

<dd>Orange</dd>

<dt>Loves</dt>

<dd>Lasagna</dd>

<dt>Hates</dt>

<dd>Mondays</dd>

<dt>Personality</dt>

<dd>Cynical</dd>

</dl>

</body>

</html>

-3:22