Ajouter un en-tête à <dl>

Question

J'ai un <dl> et je voudrais ajouter un en-tête.

Mon first attempt ne réussit pas - je ne sais pas comment l'en-tête <dt> pour enjamber les deux <dt> et <dd> ultérieurs éléments.

<style> 
dl.table-display{ 
    float: left; width: 100%; 
    margin: 1em 0; 
    padding: 0; 
    font-family: verdana,arial,helvetica,sans-serif; 
    font-size: 13px; 
    line-height: 20px; 
} 
dt.list_header { 
    text-align: center; 
    color: white; 
    width:100%; 
    background-color: #3061B7; 
} 
.table-display dt{ 
    clear: left; 
    float: left; 
    width: 50px; 
    margin: 0; 
    padding: 5px; 
} 
.table-display dd{ 
    float: left; 
    width: 50%; 
    margin: 0; 
    padding: 5px; 
} 
</style> 
<dl class="table-display"> 
    <dt class="list_header">Header</dt> 
    <dt>Name</dt> 
    <dd>Title</dd> 
    <dt>Name</dt> 
    <dd>Title</dd> 
    <dt>Name</dt> 
    <dd>Title</dd> 
    <dt>Name</dt> 
    <dd>Title</dd> 
</dl> 

Answer 1

Pourquoi ne pas simplement mettre un <h2> ou < h3 tag > au-dessus du <dl>? Ce serait plus sémantiquement correct.

Answer 2

http://w3.org/TR/html401/struct/global.html#h-7.5.5

(aussi, FFR, doctype declarations are important [Alias ​​valid code is important])