CSS - 内联块不直接并排[重复]答案

【问题标题】：CSS - inline-blocks not directly side to side [duplicate]CSS - 内联块不直接并排[重复]
【发布时间】：2016-05-22 09:10:10
【问题描述】：

我创建了一个列表和一个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: top。
在您的问题中发布完整的代码示例。请包含您的 HTML。

标签： css

【解决方案1】：

添加vertical-align

vertical-align: top;

【讨论】：