Html 图片没有垂直对齐？

我正在创建一个注册表，我正在处理错误。我想在一个文本框旁边显示一张图片，如果用户名是已拍摄的

<table width='60%'>
    <tr>
        <td align='left'>Username:</td>
        <td align='right' valign='center'>
            <img src='img/warning.png' title='Username alredy taken.' height='16px'
            />&nbsp;
            <input type='textbox' name='register_username' value='USERNAME'
            />
        </td>
    </tr>
</table>

用户名：

如上面的jsfiddle所示，图片没有垂直对齐，我希望它与文本/文本框的垂直高度相同。

“valign”

属性不接受

“center”

值，您可能指的是

“middle”

尝试将此样式应用于

输入

和

IMG

：

style="vertical-align: middle;"