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

Css 表单元素和图像未正确对齐,css,Css,我有一个,我尝试将图像(90X90px)、标签和选择框对齐,以便正确放置(在同一行中)。图像在顶部对齐,而标签和选择框在底部对齐 到目前为止,我试图将所有内容都放在内联块中;浮动但一切都失败了。我想要的是,我想把所有东西水平居中,垂直居中,只有部分。谁能建议我怎么做 HTML: <div class="center"> <div class="search-wrapper"> <img src="images/obj.png" width="

我有一个,我尝试将图像(90X90px)、标签和选择框对齐,以便正确放置(在同一行中)。图像在顶部对齐,而标签和选择框在底部对齐

到目前为止,我试图将所有内容都放在内联块中;浮动但一切都失败了。我想要的是,我想把所有东西水平居中,垂直居中,只有部分。谁能建议我怎么做

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>

乱数假文
1.
2.

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

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

}

检查更新的

还有一件事,您不需要,因为没有浮动元素。好的,之前我尝试使用浮动将图像放置在同一行中,所以我使用了清除。。现在我将清除。。