Изображение не вертикальное выравнивание?

Question

Я создаю регистрационную форму, и я нахожусь в обработке ошибок. Я хочу показать изображение рядом с текстовым полем, если имя пользователя выбрано.

<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> 

http://jsfiddle.net/2RM8N/2/

Как показано в приведенном выше jsfiddle, картина не становится вертикально, я хочу это в той же вертикальной высоты, как текст/текстовое поле.

Answer 1

"valign" объект не принимается "center" значение, вы, вероятно, имели в виду "middle".

Попробуйте применить этот стиль и в INPUT и IMG:

style="vertical-align: middle;"