如何按照溢出元素的宽度居中内容？

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;
}