Css 字段对齐问题

嘿，这是我的问题，我无法将tis输入字段与这些图像对齐，它们位于div中，我将粘贴下面的代码

所以你建议我怎么做，困在这个问题上，需要一个快速的答案

<div style="margin-bottom: 5px;"> 

 <input type="text" id="queryInput" value="pizza" style="width: 180px; height:30px;border: 1px solid #d3d6d9;padding: 4px 10px 2px 10px;background-color: white;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius: 5px;  font-size: 12px;   font-family: Droid Sans, Arial, sans-serif;"/> 
 <a href="javascript:doSearch()"><img src="img/search.png" /></a> &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 <a href="javascript:toggleStreetView()"><img src="img/street.png" /></a>
 <a href="javascript:toggleGoogleView()"><img src="img/google.png" /></a>

</div> 

css：

试试这个

---

通常，要垂直对齐框，最好的方法之一是使它们都阻塞框（这样它们可以接受宽度和高度），然后将所有框的高度设置为最高的框，然后尝试垂直对齐每个框中的内容。在您的特殊情况下，搜索框的高度为30px。但是正如@Jawad所说，您应该包括父div的CSS以及其他元素的CSS，这样我们就可以提供帮助

 div input, div a{
    display:inline-block;
    vertical-align:top;
    float:none;
    margin:0px;
    .display:inline;
    .zoom:1;
}

尽量避免内联样式，是吗

将图像垂直居中，并与文本框对齐：

---

现在需要CSS来知道它们是如何对齐的。@游戏：你应该用@这个名字来加快交流！在这种情况下，它强制IE7块元素内联块

 div input, div a{
    display:inline-block;
    vertical-align:top;
    float:none;
    margin:0px;
    .display:inline;
    .zoom:1;
}