オーバーフローする要素の幅に沿ってコンテンツを中央に配置するにはどうすればよいですか？

Question

オーバーフローテーブルがあり、オーバーフローテーブルの幅に従って見出しを中央に配置できません。ここで

は、印刷がプレビュー時にそれが表示される方法は次のとおりです。ヘッダが中心にされていないことを

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

お知らせ。正常にプレビューすると、ページは次のようになります。

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

私は、中央揃えはちょうどそれが画面に表示される方法に続くことに気づきました。このページの見出しをどのようにすることができますか？ところで

、ここに私のCSSです：EAST OF

テキストUNIVERSITYなど

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