Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > HTML/XHTML

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book



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>
   <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>

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)
  • + Share This
  • 🔖 Save To Your Account