CODEWITHSUNDEEP
htmlsemantics
panthro
panthro

Reputation: 24059

Adding a title to more than one definition list?

I wish to have multiple definition lists and have a single title for these lists, for example:

 //how can I add the title of "Items in fridge"
 <dl>
   <dt>Food:</dt>
   <dd>Eggs</dd>
   <dd>Bacon</dd>
 </dl>
 <dl>
   <dt>Drinks:</dt>
   <dd>Water</dd>
   <dd>Juice</dd>
 </dl>

What's the correct way to add an overall <dt> to various definition lists

Upvotes: 0

Views: 50

Answers (1)

M&#225;t&#233; Safranka
M&#225;t&#233; Safranka

Reputation: 4106

Not 100% sure I understand the question correctly, but maybe put them in a <section>?

<section>
  <h1>Items in Fridge</h1>
  <dl>
    <dt>Food:</dt>
    <dd>Eggs</dd>
    <dd>Bacon</dd>
  </dl>
  <dl>
    <dt>Drinks:</dt>
    <dd>Water</dd>
    <dd>Juice</dd>
  </dl>
</section>

(note: there was another solution in my post originally but, as Alohci pointed out in the comments, it wasn't valid HTML)

Upvotes: 2

Related Questions