Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Creating definition lists

Definition lists are only different from other lists because they consist of two parts: a term and a description. Use the <dl> tag to create the list, the <dt> tag to refer to the term, and the <dd> tag for the term's definition. A typical use for a definition list might be a glossary of terms.

For example:

This HTML…

Displays as…

<dl>
<dt>Cat</dt>
<dd>A nuisance that digs up your plants</dd>
<dt>Dog</dt>
<dd>A friend who chases cats away</dd>
</dl>

A definition list formats terms at the left, and indents their definitions below. Generally, browsers expect the terms to be short and the definitions longer. The text for the definition wraps within the indented margin.

You might be able to use the compact attribute with the <dl> tag to force the browser to display the term and the definition on one line it there is enough space. I think this works in Internet Explorer 5 but I'm not sure it works for all browsers.

The </dt> and </dt> tags are optional.