Müssen die html-checkbox-label-wrap "schön"

Habe ich ein raster von Kontrollkästchen, wo jede Zelle hat eine Feste Breite, und jede checkbox vorangestellt ist ein kleines Bild. In Fällen, in denen der label-text ist zu lang, ich habe eine harte Zeit bekommen, den text zu umbrechen, unterhalb des Kontrollkästchens.

Bezogen auf den screenshot oben würde ich gerne "text wraps" ausgerichtet werden, mit der checkbox, sondern als Umhüllung unter dem Bild, etwa so:

Ich habe eine fiddle mit meinem aktuellen markup und styles. Was ich nicht ändern kann, ist die HTML-Struktur, aber alle CSS-änderungen sind in Ordnung.

Hier ist ein code-snippet:

CSS:

.checkbox-list {
}
img.placeholder{
    width:16px;
    height:16px;
    background-color:lightblue;
}
td {
    padding:2px;
    width:150px;
    vertical-align:top;
}
label {
    /*display:inline-block;*/
}

HTML:

<table class="checkbox-list">
    <tbody><tr>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Some really long text that wraps</span></label></td>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Foo</span></label></td>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Foo</span></label></td>
    </tr><tr>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Foo</span></label></td>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Foo</span></label></td>
        <td>
            <img class="placeholder"/>
            <label>
                <input type="checkbox"/>
                <span>Foo</span></label></td>
    </tr>
</tbody></table>