Как центрировать контент по ширине переполняющегося элемента?

Question

У меня есть таблица переполнения, и я не могу отцентрировать заголовок по ширине таблицы переполнения.

Вот как это выглядит при предварительном просмотре:

http://www.mediafire.com/imgbnc.php/37044451cd71d383f8f39dccd88da170690fbc2f22cca0b7afaa3c33279cdcee6g.jpg

Обратите внимание, что заголовки не по центру.При нормальном предварительном просмотре страница выглядит следующим образом:

http://www.mediafire.com/imgbnc.php/787d1776f8e89519630261d0063738ca48fc8404e18c46f380bbea785bfbf9b06g.jpg

Я заметил, что выравнивание по центру просто следовало тому, как это видно на экране.Как я могу центрировать заголовок на этой странице?

Кстати, вот мой css:

текст УНИВЕРСИТЕТ ВОСТОКА и т. Д.

.header {
    width: 100%;
    margin: 0 auto;
    height: auto;
} 

таблица оценок:

table.grades {
    border-collapse:collapse;
    border: #000 solid 1px;
    font:Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 auto;
    overflow-x: visible;
    display: inline;
}

Answer 1

body{
    display: table; 
}
.table-grades{
    display: table-cell;
}