The form element input with type text strangely refuses to align with an adjacent image button ( input element of type image ).形式要素的投入与键入文本奇怪的拒绝，以配合相邻的图像按钮（ 投入要素类型的形象 ） 。 The problem is rather hard to solve as regular methods like using align or margin or padding or even adding whitespace to the image fails.问题是相当难以解决，作为经常使用的方法一样，赞同或保证金或填充，甚至加入到空白的形象失败。 Here is a surprisingly simple solution to this problem.这里是一个出乎意料的简单，要解决这个问题。 But first lets take a look at the problem.但首先让考虑一下这个问题。

The input textbox above is misaligned with the image button above as you can see.输入文本框以上是失调与形象上面的按钮，因为你可以看到。 The code is:该代码是：


The solution is deceptively simple.解决的办法是简单。 Here is the code which works:这里是代码，其中工程：


Here is the demo:这里是演示：