html - 在表格上放置标题

Question

这是我的代码:http://jsfiddle.net/spadez/mVX93/13/

我试图在我的表格顶部放置一个标题，该标题一直延伸到整个表格。我认为这是做到这一点的方法。

<table id="my-table">
    <tr>
        <th>Test</th>
        <td><span class="lrg">10</span>1</td>
        <td><span class="lrg">7</span>1</td>
        <td><span class="lrg">3</span>1</td>
        <td><span class="lrg">1</span>1</td>
    </tr>
</table>

什么是正确的做法？

Answer 1

尝试:

<table id="my-table">
    <tr>
        <th colspan="4">Test</th>
    </tr>
    <tr>
        <td><span class="lrg">10</span>1</td>
        <td><span class="lrg">7</span>1</td>
        <td><span class="lrg">3</span>1</td>
        <td><span class="lrg">1</span>1</td>
    </tr>
</table>