如何將內容按照溢出元素的寬度居中？

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