解决input输入框与select下拉框水平不对齐

1、试了下其他帖子说的在select里面加 style=“vertical-align: middle”，没有效果，请教了一下前端同事，解决了。

<div class="xxxx">
    <input id="aaaa" value="嘿嘿嘿嘿" style="width: 300px;height: 35px;float: left;">
    <select id="bbbb"  style="width: 300px;height: 35px;float: left;margin-left: 20px">
        <option value="0" selected="selected">哈哈哈哈</option>
    </select>
</div>

（1）都添加：float: left;
达到水平对齐效果；
（2）select添加：margin-left: 20px;
设置输入框与下拉框间距。