请问html标签如何水平

代码和效果如下，请问如何设置能让input和select在一个水平线上

css
.div-distance {
    margin-bottom:10px;
    margin-top:10px;
}

下面是html
<div class="div-distance">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址 :&nbsp;
<select id="province" style="width:100px"><option>省份</option></select>
<select id="city" style="width:120px"><option>地级市</option></select>
<select id="district" style="width:100px"><option>县/区</option></select>
 <input type="text" id="other" v-model="user_info.other" placeholder="详细地址" style='height:24px;'>
</div>

谢谢

给input text增加点padding和margin
但是请慎重，因为不同浏览器，select的高度可能不同。
最好用一套现成的css库统一界面。

float:left;试试

 <div class="div-distance">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址 :&nbsp;
<select id="province" style="width:100px;float:left;"><option>省份</option></select>
<select id="city" style="width:120px;float:left;"><option>地级市</option></select>
<select id="district" style="width:100px;float:left;"><option>县/区</option></select>
 <input type="text" id="other" v-model="user_info.other" placeholder="详细地址" style='height:24px;'>
</div>