gpt4 book ai didi

html - 页脚内容对齐

转载 作者:行者123 更新时间:2023-11-28 01:40:37 25 4
gpt4 key购买 nike

我有一个正在为学校元素开发的网页。这是 jsfiddle。

https://jsfiddle.net/adamkerik/6c17ajqa/

<footer>
<div class="social-container">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<!--text-->
<h1>Follow Us</h1>
<div class="uzex">
<div class="vr"></div>
<ul>
<li><strong>Contact Us</strong></li>
<li>3678 Poe Road</li>
<li>Mount Pleasant, South Carolina 29464</li>
<li>843-216-9434</li>
</ul>
</div>
</footer>

问题是在页面的页脚上,我希望内容以按钮和列表中间的“div class va”为中心。我似乎无法让内容居中。谢谢你的帮助!

ps CSS 在 jsfiddle 页面中,因为我知道可能需要它

最佳答案

将此添加到您的页脚元素 CSS:

 margin: 0 auto;
display: block;
text-align:center;

fiddle :https://jsfiddle.net/6c17ajqa/6/

关于html - 页脚内容对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50453206/

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