将输入文本与我的搜索小工具中的标签对齐

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

<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>

位置相对将使窗口小部件显示在自然文档流中的位置，然后左侧和顶部属性将窗口小部件从该位置移开。由于没有右边和底部属性，因此允许使用负值。

Answer 2

解决方案是调整行高值属性。