html - Logo 未出现在同一位置

Question

我有两个标志，见下图，它们没有出现在同一列上。 Twitter 图标出现在右侧一些像素。

插入图标的代码如下所示:

<ul class="social">
        <li>
            <a title="" data-placement="top" data-toggle="tooltip"
               class="facebook" 
                href="https://www.facebook.com/">
                <i class="fa fa-facebook"></i>
                <span>&nbsp;&nbsp;&nbsp;Facebook</span>
            </a>
        </li>
    </ul>


<ul class="social">
        <li>
            <a title="" data-placement="top" data-toggle="tooltip"
               class="twitter" href="https://twitter.com/">
                <i class="fa fa-twitter"></i>
                <span>&nbsp;&nbsp;&nbsp;Twitter</span>
            </a>
        </li>
    </ul>

CSS:

.bloggfb{
  width:100%;
  text-align:center;
 }

如何去掉 Twitter 图标前面的空格？

Answer 1

我正在查看您的网站。将此添加到您的 css，它至少在 Chrome 中运行良好:

 .social li a {
display: table;
margin-left: 50px;
margin-top: 10px;
}