Vertical Table cells

Using Floats

HTML

<table>
    <tbody>
        <tr>
            <td>
                <div class="td">
                    "TD A"
                </div>
                   <div class="td">
                    "TD A"
                </div>
            </td>
            <td>
                <div class="td">
                    "TD B"
                </div>
            </td>
            <td>
                <div class="td">
                    "TD C"
                </div>
            </td>
        </tr>
    </tbody>
</table>
<div>
    Above Table cells are stacked vertically
</div>

CSS

.td{
    background-color: #DADADA;
    padding: 10px;
     width: 50%;
}

td {
    width: 100%;
    float:left;
    text-align: center;
}