我的内嵌块div在FF和Chrome上没有对齐，但在Safari上

Question

我有一个HTML页面，其中有两个div用于彼此相邻。 在safari div上完全对齐，但在FF和Chrome上，右边的div略低于左边的。

这是我的CSS：

.desc-block-left{
    display:inline-block;
    background-color:rgba(255, 255, 255, 0.8);
    width:35%;
    margin-top: 2%;
    margin-left: 10%;    
    border-radius:10px;
}

.desc-block-right{
    display:inline-block;
    background-color:rgba(255, 255, 255, 0.8);
    width:35%;
    margin-top: 2%;
    margin-right: 10%;
    margin-left: 5%;    
    border-radius:10px;
}

Answer 1

尝试将vertical-align:top添加到..desc-block-right和.desc-block-left