проблема выравнивания полей Css

Question

Эй, это моя проблема, я не могу выровнять поле ввода с этими изображениями, они находятся в 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> 

Answer 1

Попробуйте это

http://jsfiddle.net/K8rHG/

Answer 2

1. старайтесь избегать встроенных стилей, да?

2. по центру изображения по вертикали, и они будут выровнены по текстовому полю:

   <стиль> div img {вертикальное выравнивание: среднее; }

http://jsfiddle.net/mSgVg/

Answer 3

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

Answer 4

Как правило, для выравнивания блоков по вертикали одним из лучших методов является создание всех блоков (чтобы они могли принимать ширину и высоту), затем установите высоту все из них в самый верхний блок, затем попытайтесь выровнять содержимое по вертикали в каждом блоке. В вашем особом случае высота окна поиска составляет 30 пикселей. Но, как сказал @Jawad, вы должны включить CSS родительского div с CSS других элементов, чтобы мы могли помочь.

Answer 5

CSS:

#queryInput {
    margin-top: -10px;
    float: left;
}