Grid width

by nwinkler

HTML

<table class="table">
    <tr>
        <td><div class="col" style="width: 140px">
            <span>1</span>
            <div class="innerCol">
                <input type="text" style="width: 80%"></input>
            </div>
        </div></td>
        <td><div class="col" style="width: 100px">
            <span>2</span>
            <input type="text" style="width: 80%"></input>
        </div></td>
        <td><div class="col" style="width: 100px">
            <span>3</span>
            <input type="text" style="width: 80%"></input>
        </div></td>
    </tr>
</table>

CSS

.table, .col, .innerCol {
    border: 1px solid;
    margin: 1px;
}

.table {
    width: 100%;
}

.col {
    overflow: hidden;
}

.innerCol {
    width: 100%
}