嗨,我有一个问题,每次我试图居中对齐我的社交媒体图像时,它们被放置在一个水平列出的方式
这是图像的HTML代码
<div class="socialMediaIcon">
<a href="http://twitter.com/nafis985">
<img src="img/twitter.png" alt="Twitter Logo">
</a>
<a href="http://facebook.com/nafis.rahman3">
<img src="img/facebook.png" alt="Facebook Logo">
</a>
</div>
我想让它居中的CSS是这个
.socialMediaIcon img {
width: 80px;
display: block;
margin: 0 auto;
}
.socialMediaIcon li {
display: inline-block;
}
ul {
list-style: none;
}
.socialMediaIcon li a {
display: inline-block;
}
.socialMediaIcon {
text-align: center;
}
<div class="socialMediaIcon">
<ul>
<li>
<a href="http://twitter.com/nafis985">
<img src="img/twitter.png" alt="Twitter Logo">
</a>
</li>
<li>
<a href="http://facebook.com/nafis.rahman3">
<img src="img/facebook.png" alt="Facebook Logo">
</a>
</li>
</ul>
</div>