Добавить заголовок к <dl>

Question

У меня есть <dl>, и я хотел бы добавить к нему заголовок.

Моя первая попытка не удалась - я не знаю, как получить заголовок <dt>, чтобы охватить оба последующих элемента <dt> и <dd>.

<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

Почему бы просто не поставить тег

или над ?Это было бы более семантически правильно.

Answer 2

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

(также, FFR, важны объявления типа документа [AKA важен правильный код ])