Equal width cells table

by spadez

HTML

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

CSS

#my-table {
    width:100%;
    border-collapse:collapse;
}
 #my-table td {
    width:2000px;
    padding:4px;
    border:1px solid #000;
    vertical-align:top;
    text-align: center;
}

.lrg {font-size: 30px; display: block; }