html - 在可变高度div旁边垂直居中img标签，都在一个div内？

Question

考虑这个 HTML：

<table>
    <tr>
    <td>
        <span class="author">Author Name</span>
        <div class="imgtitlewrapper">
            <img src="img.png" class="image" width="18px" height="19px" />
            <div class="title">Title of variable length, causing parent div to be of variable height</div>
        </div>
    </td>
    </tr>
</table>

使用以下 CSS：

<style type="text/css">
    .title {padding-left:8px; margin-left:26px;}
    .image {float:left; padding-left:8px;}
</style>

图像正确浮动到左侧，并且标题没有正确环绕它，但我希望图像在其父 div 内垂直居中。怎么做呢？容器标签和布局可以更改，但都必须在表格单元格内。