HTMLテーブルに「チャプター」を置く

Question

私はHTMLが初めてのので、CSSの操作に慣れてきました。

私の質問は：

私は別の色の異なるテキストの配置の仕切りを入れたいと思います。ここで

がexempleです：

私は複製したい「攻城兵器」と「重火器」

私はこれまで行うことができたことはこれです：

<style> 
tr:nth-child(1) {background-color: #11599c} 

tr:nth-child(even) {background-color: #333333} 

table 
{ 
    text-align: left; 
    border-collapse: collapse; 
    background-color: #666666; 
    color: #ffffff 
} 
</style> 
<table style="width:100%"> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 

    <tr> 
     <td colspan="3" class="divider">Divider</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
</table> 

しかしディバイダ整列左、灰色の両方である：

センターアラインとブラックにするにはどうすればよいですか？

注：私はすでに自分の質問に部分的に答えました。

Answer 1

例fiddleこの

.divider{ 
    text-align:center; 
    background-color:black; 
} 

を入れてください。