Table/row with min height

by audetwebdesign

HTML

<div class="table-wrap">
    <table>
        <tr>
            <td>Cell 1 Donec ipsum libero, pellentesque ut accumsan sit amet, porta vitae velit. Aenean id ante et ante congue interdum vitae ac nunc. Maecenas porta aliquam metus ac convallis. Morbi molestie posuere pulvinar..</td>
        </tr>
        <tr>
            <td>Cell 2</td>
        </tr>
    </table>
</div>

CSS

.table-wrap {
    min-height: 323px;
    border: 1px dotted blue;
}
table {
    width: 400px;
    height: 323px;
    border: 1px dashed red;
}
table tr {
    height: 54px;
}
table td {
    border: 1px dotted red;
}