Equal width cells table

HTML

<table id="my-table">
<caption>heading</caption>
    <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>

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

caption {
width: 100%;
border: solid 1px black;
padding: 4px;
}

Caption {
}