2016-02-11 30 views
0

我創建了一個列表和一個div,兩者都顯示:inline-block;CSS - 內聯塊不直接左右對齊

但是結果看起來就像附加的圖片。右側元素的位置比左側低10px。但爲什麼?

enter image description here

的代碼是:

#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; 
} 

有誰知道嗎?

謝謝。

+3

你需要'垂直對齊。 – KWeiss

+0

在您的問題中發佈一個完整的代碼示例。請包括你的HTML。 – j08691

回答