我在一个网站的静态页脚部分工作,我想在固定页脚中放置项目符号和内容。这里是
fiddle
我所做的一切。
ul.social-network:before {
content: "⢠";
font-size: 150%;
}
.static-email:before {
content: "⢠";
font-size: 150%;
}
<div class="row pb-2">
<div class="col-md-12 footer-cont" st="">
<i class="fas fa-phone pr-1"></i>
<a href="tel:+1234567890" class="pr-3">
+1 234 456 7890
</a>
<span class="static-email">
<i class="fas fa-envelope pl-3 pr-1"></i>
<a href="mailto:helloworld@world.com">
helloworld@world.com
</a>
</span>
<ul class="social-network social-circle">
<li><a href="https://www.facebook.com/" target="_blank" class="icoFacebook" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://twitter.com/" target="_blank" class="icoTwitter" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/company/" target="_blank" class="icoLinkedin" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank" class="icoInstagram" title="Instagram"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
问题陈述:
我想知道我需要做些什么改变
css使项目符号和静态页脚内容垂直居中
。现在,如果我们看到下面的截图(从小提琴上复制)
项目符号和电子邮件没有正确地垂直居中,它们是上下的。
