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

我有一个HTML页面，其中有两个div，两个div并排放置。 在safari上，div完全对齐，但在FF和Chrome上，右div略低于左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;
}

---

尝试将

垂直对齐：顶部

添加到

。desc block right

和

。desc block left

尝试将

垂直对齐：顶部

添加到

。desc block right

和

。desc block left

尝试将

垂直对齐：顶部

添加到

。desc block right

和

.desc block left

尝试将

垂直对齐：top

添加到

。desc block right

和

。desc block left

如果您可以使用html和css代码制作JSFIDLE，那么我们将帮助您解决问题。如果您可以使用html和css代码制作JSFIDLE，那么它将非常有用如果你能用html和css代码制作一个JSFIDLE，那么我们将帮助你解决问题。如果你能用html和css代码制作一个JSFIDLE，那么我们将帮助你解决问题。