img标签靠近输入

Question

我有一个奇怪的问题，当我添加一个img标签附近的输入和span的img导致输入和sapn降低

<div>
   <span>נקודות זיכוי</span>
   <input type="text" name="nekodot_zikoy" value="2.25"/>
   <img src="images/cal_black.png" title="חשב נקודות זיכוי" alt="חשב נקודות זיכוי"/>
</div>

这里有代码http://jsfiddle.net/49JcA/

不要介意没有图像，如果你把标签拿出来，看看我在说什么。

谢谢的!

Answer 1

假设您希望span和input显示在顶部，只需将align="top"添加到图像:

<img src="images/cal_black.png" align="top" ... />

更新小提琴。

Answer 2

您可以使用vertical-align，例如:

* { vertical-align:top; } 

但是请注意，您的不希望这样做。其他人可能会争辩说，您甚至不应该像这样使用vertical-align，但我不会抱怨，如果它适用于您，但是全局指定这个(使用*)是错误的，并且对性能不利。相反，您应该将其应用于您需要的元素，在本例中这些元素是不同的。像这样:

input[type=text] { vertical-align:top; }

和任何其他你需要这个应用的元素。

最后，您应该为遵从性标记输入。