alignment - input text field padding -

I have this simple code - a text field and an image (the height of the image is 30px)

The code is:

  & lt; Input type = "text" style = "height: 30px;" / & Gt; & Lt; Input type = "image" src = "images / download_button.png" />   
 And the results are two elements which are 30px height, which are not alliances. The text field is relative to the image - like padding ??? Do you know why the Element Coalition is not ???  
 Screenshots:   
 
 
 center;} will walk if you are not using the form: Try & lt; input type = "text" style = "height: 30px; Vertical-align: middle; "/" & gt; input type = "picture" style = "height: 30px; Vertical-align: middle; "src =" images / download_button.png "/>