table wraping long end column

by keithwyland

HTML

<table class="actions">
<tr>
    <td>Failed</td>
    <td>Create</td>
    <td>Normal name.txt</td>
</tr>
<tr>
    <td>Failed</td>
    <td>Create</td>
    <td class="breakIt">Veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryverylongname.txt</td>
</tr>
</table>

CSS

.actions {
width:100%;
table-layout: fixed;
}

.actions tr td {
white-space: nowrap;
    width: 15%;
}

.actions tr td:nth-child(3) {
white-space: normal;   
word-break: break-all;
word-wrap: break-word;
width: auto;
}