Html 我的网站上没有无序列表'；谁的脚？

我正在创建一个网站，想把联系信息放在页脚。我使用几个嵌套div创建了页脚：页脚div-->页脚容器div-->页脚左div和页脚右div（使用display:flex我将它们并排放置）。页脚左侧div包含外部链接的ul（无序列表）；页脚右侧div包含社交媒体图标。我已将代码包括在下面：

.footer{
高度：150像素；
宽度：100vw；
背景色：#7D594F；
}
.footer容器{
显示：块；
证明内容：之间的空间；
对齐项目：居中；
}
.左页脚{
边框：2倍纯红；
}
.左页脚ul{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
列表样式类型：无；
边框：2件纯蓝；
}
.页脚左ul li{
颜色：#ffffff；
字体系列：蒙特塞拉特，无衬线；
文本阴影：无；
文本对齐：居中；
边际：0px；
宽度：150px；
边框：2倍纯绿；
}
.右页脚{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
/*为了缩小图标的比例，facebook应该总是比instagram大10像素*/
#脸谱网{
高度：40px；
宽度：40px；
}
#instagram{
高度：30px；
宽度：30px；
}
.页脚p{
颜色：#ffffff；
字体系列：蒙特塞拉特，无衬线；
字体大小：10px；
文本对齐：居中；
}

正文{
保证金：0；
}
.页脚{
高度：150像素；
宽度：100vw；
背景色：#7D594F；
}
.footer容器{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.左页脚{
边框：2倍纯红；
}
.左页脚ul{
显示器：flex；
/*柔性流动：柱状nowrap*/
柔性流：行换行；
证明内容：周围的空间；
对齐项目：居中；
列表样式类型：无；
保证金：0；
填充：0；
边框：2件纯蓝；
}
.页脚左ul li{
颜色：#ffffff；
字体系列：蒙特塞拉特，无衬线；
文本阴影：无；
文本对齐：居中；
边际：0px；
填充物：5em 1em；
宽度：150px；
边框：2倍纯绿；
}
.右页脚{
显示器：flex；
证明内容：围绕；
对齐项目：居中；
}
/*为了缩小图标的比例，facebook应该总是比instagram大10像素*/
#脸谱网{
高度：40px；
宽度：40px；
}
#instagram{
高度：30px；
宽度：30px；
}
.页脚p{
颜色：#ffffff；
字体系列：蒙特塞拉特，无衬线；
字体大小：10px；
文本对齐：居中；
}

它似乎与您提供的代码配合得很好。你有更多的css吗？