콘텐츠와 정렬되는 아코디언 헤더

Question

jquery에 아코디언을 작성했습니다. 그러나 아코디언 헤더를 화면 크기와 관련하여 콘텐츠와 정렬해야합니다.

화면이 작 으면 중앙에 배치됩니다. 화면이 큰 경우

는하지만, 그것을 중심으로되지

table, th, td { 
    border: 1px solid black; 
    border-collapse: collapse; 
    border-spacing: 20px; 
} 

th, td { 
    padding: 15px; 
    text-align: left; 
    font-size:12px; 
} 

jfiddle : http://jsfiddle.net/xg7cr0g4/48/

Answer 1

설정 text-align:center 스타일 나는 시도했지만 작동하지 않는