垂直居中的內聯塊div未正確對齊

Question

我很難讓這個內聯塊div正確對齊，因為它上面的兩個元素就是這樣。

我特指的div是在“與我交互”下方底部包含三個“社交”圖標的那個（請看這里 ）

我假設它是圖標上的浮動拋出它，這就是為什么我有它周圍的包裝div（.interact-social）試圖抵消它，但它似乎沒有工作，因為它應該...？ 已經花了一天的大部分時間只是想弄明白，無濟於事.. :(

任何幫助都像往常一樣非常感謝，謝謝！

編輯：

以下是感興趣的人的相關代碼：

.social {
height: 50px;
list-style-type: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

只是錯過了一個寬度聲明（我沒有成功嘗試申請其他div）！

Answer 1

將其添加到您的代碼中：

.social
{
  width:240px;
}

Answer 2

嘗試對您的CSS進行這些更改：

.interact {
    width:95%;
}

.social li {
    float:left;
}

.interact-social {
    /*width:30%; Remove this width */
}