垂直对齐表格单元格中的图像和文本区域

Question

我有什么：

        XXX
        XXX
Google  XXX

我想要的是什么：

       XXX
Google XXX
       XXX

我尝试了什么：

<table border="4">
<tr>
<td style="vertical-align: middle; height: 400px">
    <img style="vertical-align: middle;" src="http://www.google.se/images/google_80wht.gif" alt="Google logo">
    <textarea style="height: 200px; display: inline-block"></textarea>
</td>
</tr>
</table>

不知何故，即使我在单元格的样式上放置vertical-align: middle，图像也不会垂直对齐。而textarea则在中心正确对齐。

JSFiddle：https://jsfiddle.net/uydmjgby/

我无法添加任何新列或行，格式化必须与该单元格一起出现。

Answer 1

将vertical-align: middle放在textarea https://jsfiddle.net/uydmjgby/1/

上