Question

I’m writing an ordered list. For each element in the list, I’d like to have two lines. One for the name of the item and another for a description of the item.

This is what I’m currently doing:

<ol>
    <li>
        <ul>
            <li>Item one</li>
            <li>An explanation of the item.</li>
       </ul>
    </li>
    <li>
        <ul>
            <li>Item two</li>
            <li>An explanation of the item.</li>
        </ul>
    </li>
</ol>

It seems like a lot to achieve what I was looking for. Does anyone know a quicker way to pull this off?

Answer 1

You may want to use a definition list (<dl>) instead of the inner ul.

<dl>
   <dt>Dog</dt>
   <dd>A carnivorous mammal of the family Canidae.</dd>
</dl>