悬停和浮动元素

Question

上周我在http://iHMahmoodi.blog.ir为我的博客编写了一个菜单栏 但对于社交按钮，它会出错，我认为这是关于浮动元素的！ 我尝试通过添加一些宽度或更多属性来修复它，但它不起作用！ 你可以在我的博客上使用inspect元素自己动手。 查看我的博客下面的图像，了解我的问题

http://i.stack.imgur.com/ntjIH.png

另一个问题是在rss图像附近它右边有很多空间，如果你把鼠标移动到电话号码和社交按钮之间，所有关于rss !!

非常感谢！

Answer 1

这会使它们大小相同，而列表图像适合文字

使用填充

编辑，您可以获得如下图所示的图标。

li.fb,
li.fb li {    
    box-sizing: border-box;
    width: 150px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}