Use the dd element to describe a corresponding term (dt) in a definition list (dl). The dd follows the dt and may contain block-level content, such as paragraphs (p), ordered lists (ol), unordered lists (ul), another definition list, and more.
<h2>1936 Summer Olympics 100m Men's Results</h2> <dl> <dt>Gold medal winner</dt> <dd>Jesse Owens (USA)</dd> <dt>Silver medal winner</dt> <dd>Ralph Metcalfe (USA)</dd> <dt>Bronze medal winner</dt> <dd>Tinus Osendarp (NED)</dd> </dl>
The simplest arrangement within a dl is one dt grouped with one dd, as shown in the previous example. (I've separated each group with a blank line for clarity; it doesn't impact the rendering.) The dl entry in this chapter elaborates on these and other configurations, definition lists in general, and the role of dd.
User agents typically render a definition list by default like so (although you can change it with CSS):
- Gold medal winner
- Jesse Owens (USA)
- Silver medal winner
- Ralph Metcalfe (USA)
- Bronze medal winner
- Tinus Osendarp (NED)