如何去除select選中和非選中時形成的同div中文字上下浮動

<div>
    ASDAD：
    <select style="width:20%;vertical-align: top;" name="ranking">
        <option value=""></option>
        <option value="1">A</option>
        <option value="2">B</option>
        <option value="3">C</option>
        <option value="4">D</option>
    </select>
</div>

在select選項中，添加vertical-align: top;能夠避免select選中項形成的浮動