выровнять входной текст по метке в моем поисковом гаджете

Question

Я хотел бы выровнять метку моего поискового виджета с вводимым текстом (они немного не выровнены во всех браузерах). Любой совет CSS? спасибо

Это мой код:

<label for="edit-search" style="float: left;">Search</label>
<span class="views-widget">
<span id="edit-search-wrapper" class="form-item">
<input type="text" class="form-text" title="Enter the terms you wish to search for." value="" size="15" id="edit-search" name="search" maxlength="128">
</span>
</span>
</div>

Answer 1

Решением является настройка атрибутов значений высоты строки.

Answer 2

<div style="position:relative;left:-10px;top:25px;">
<span class="views-widget">
<span id="edit-search-wrapper" class="form-item">
<input type="text" class="form-text" title="Enter the terms you wish to search for." value="" size="15" id="edit-search" name="search" maxlength="128">
</span>
</span>
</div>

Относительная позиция заставит виджет отображаться там, где он должен быть в естественном потоке документов, тогда свойства left и top сдвигают виджет с этой позиции. Вам разрешены отрицательные значения, так как отсутствует свойство right и bottom.