如何根据溢出元素的宽度使内容居中？

Question

我有一个溢出的表格，我无法将标题按照溢出表格的宽度居中。

以下是打印预览时的查看方式：

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

请注意，标题未居中。正常预览时，页面如下所示：

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

我注意到中心对齐方式只是遵循屏幕上的显示方式。如何使该页面的标题居中？

顺便说一句，这是我的 css：

文本 UNIVERSITY OF THE EAST 等

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