垂直居中的内联块div未正确对齐

Question

我很难让这个内联块div正确对齐，因为它上面的两个元素就是这样。

我特指的div是在“与我互动”下方底部包含三个“社交”图标的那个（请参阅here）

我认为它是图标上的浮动，它正在抛弃它，这就是为什么我有它的包装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 */
}