将标题添加到<dl>

我有一个 <dl> 我想给它添加一个标题。

我的 first attempt 不成功-我不知道如何获得 <dt> 标题以跨越后面的两个 <DT & GT; 和 <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>