表单元素和图像未正确对齐

Question

我有 Demo ，我试图将图像（90X90px），Label和一个选择框对齐（在同一行中）。图像在顶部对齐，而标签＆amp;选择框在底部对齐。

到目前为止，我试图将所有内容放在内联块中;漂浮......等但一切都失败了。我想要的是我想把所有东西水平放置在中间和垂直中间，只有分隔。谁能建议我怎么做？

HTML：

<div class="center">
    <div class="search-wrapper">
        <img src="images/obj.png" width="40" height="40" class="search_img_txt"/>
         <h2>Lorem ipsum</h2>

        <select>
            <option value="am">1</option>
            <option value="am">2</option>               
        </select>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>

Answer 1

您只需在代码中添加以下css

即可

.search-wrapper img{
    display: inline-block;
    vertical-align: middle;

}

检查更新后的Demo