CSS - 内联 block 不是直接并排

标签 css

<分区>

我创建了一个list和一个div，都是display:inline-block;

但是结果看起来像附图。右侧元素的位置比左侧低 10px。但是为什么？

代码是:

#menu-social {
    width: 40%;
    padding-top: 4px;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.frlk-top-bar-right {
    width: 60%;
    text-align: right;
    display: inline-block;
    font-size: 0;
}

有人知道吗？

谢谢。

最佳答案

添加vertical-align