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> 

그러나 분배기 모두 정렬 왼쪽 회색이다

012,351,

중앙 정렬 및 검정으로 만들려면 어떻게해야합니까?

참고 : 이미 내 자신의 질문에 부분적으로 대답했습니다.

Answer 1

넣고이

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

예 fiddle.