当旁边有一个内联块级别元素时,选择向下移动

时间:2014-08-03 10:34:10

标签: html css

jsfiddle

当旁边有一个内联块级别元素时,选择向下移动。我不希望选择向下移动。我怎样才能做到这一点? 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;
    }

1 个答案:

答案 0 :(得分:0)

为内联项添加vertical-align: top;,默认为baseline

JSfiddle Demo