css - 如何让表格在页面中居中？

Question

我有这个 CSS:

.tableheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.text1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #fff;
}
......
<table class = bordergray cellspacing=1 cellpadding=5>
<tr class = tableheader  valign="bottom">
<caption>Shining Star Award</caption>
<td>Month</td>
<td>employee first name</td>
<td>employee last name</td>
<td>stars<br/></td>
</tr>

<cfoutput query="shiningStar">
<tr class = text1>
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
</tr>
</cfoutput>
</table>

我希望表格出现在页面的中央，或者至少不在左下角？我该怎么做？

Answer 1

使用 margin: 0 auto

样本:
.bordergray{
margin : 0 auto ；
}

http://jsfiddle.net/vDzx4/