为什么赢了'；我的html内联阻止列表不居中吗？

问题是社交图标不会居中

我已经尝试了这个问题的其他答案，但他们没有在我的代码上工作

我的最后一页将使用引导，如果这使尊重

这是我的网页的html和CSS

#页脚{
文本对齐：居中；
背景色：rgb（44,44,44）；
填充物：4px2px；
边缘顶部：20px；
}
#图标{
字体大小：25px；
颜色：#FFDA20；
}
#版权所有{
字体大小：10px；
}
#页脚链接{
边缘顶部：2倍；
颜色：#FFDA20；
}
.社会偶像{
保证金：0自动；
文本对齐：居中；
}
.社会偶像李{
显示：内联块；
列表样式类型：无；
-webkit用户选择：无；
-moz用户选择：无；
}
.社会偶像李娜{
边框底部：无；
}
.社会偶像李img{
宽度：40px；
高度：40px；
右边距：2px；
左边距：2倍；
}

▪ 








&复制2016-2020年的Bright Lightning

尝试添加此项以使其成为中心：

ul {
  padding-inline-start: 0px;
}

工作示例：

#页脚{
文本对齐：居中；
背景色：rgb（44,44,44）；
填充物：4px2px；
边缘顶部：20px；
}
#图标{
字体大小：25px；
颜色：#FFDA20；
}
#版权所有{
字体大小：10px；
}
#页脚链接{
边缘顶部：2倍；
颜色：#FFDA20；
}
.社会偶像{
保证金：0自动；
文本对齐：居中；
}
.社会偶像李{
显示：内联块；
列表样式类型：无；
-webkit用户选择：无；
-moz用户选择：无；
}
.社会偶像李娜{
边框底部：无；
}
.社会偶像李img{
宽度：40px；
高度：40px；
右边距：2px；
左边距：2倍；
}
保险商实验室{
填充内联开始：0px；
}

▪ 








&复制2016-2020年的Bright Lightning

运行上面的代码看起来图标居中了？旁注：为什么不使用

而不是

？它已经居中了。