gpt4 book ai didi

html - Logo 未出现在同一位置

转载 作者:太空宇宙 更新时间:2023-11-04 03:20:27 26 4
gpt4 key购买 nike

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

enter image description here

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

<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 图标前面的空格?

最佳答案

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

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

After adding the abve CSS in inspector in my browser

关于html - Logo 未出现在同一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27993026/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com