Добавление заголовка в несколько списков определений?

Question

Я хочу иметь несколько списков определений и иметь один заголовок для этих списков, например:

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

Как правильно добавить общий <dt> в различные списки определений

Answer 1

Не уверен на 100%, что я правильно понял вопрос, но, возможно, поместите их в <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>

(примечание: в моем посте изначально было другое решение, но, как Alohciуказал в комментариях, это не был действительный HTML)