html - 当旁边有行内 block 级元素时选择向下移动

Question

jsfiddle

当旁边有行内 block 级元素时选择向下移动。我不想选择向下移动。我怎样才能做到这一点？ HTML:

<select>
    <option value="" >Day</option>
</select><select>
    <option value="" >Month</option>
</select><select>
    <option value="" >Year</option>
</select>
<a href="">Some Text Some Text Some Text Some Text</a>

CSS:

   select{
        padding:5px;
        margin:0px;
        height:30px;
        font-size:13px;
    }
    a{
        text-decoration:none;
        color:#000;
        display:inline-block;
        border:1px solid #ccc;
        margin-left:10px;
        line-height:1.28;
        max-width:150px;
    }

Answer 1

添加 vertical-align: top; 作为内联项的默认值是 baseline。

JSfiddle Demo