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

Question

我有一个过度表，我不能居中溢出表的宽度后面的标题。

下面是它是如何在打印预览查看：

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

注意，标题不居中。当正常预览时，页面看起来是这样的：

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

我注意到，居中对齐只是跟着它是如何看到在屏幕上。我怎样才能在这个页面中标题？

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

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