Html 如何在页脚的中间获取页脚元素？

我试着把我页脚的这3个元素放到页面中间，但如果我再添加第4个元素，我不知道它是如何工作的，我不需要再次编辑所有的填充

这是我的HTML和CSS代码：

页脚{
宽度：100%；
背景色：#333；
显示：表格；
}
/*费南迪恩斯特雷斯通根*/
.finanzdienstleistungenfooter{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}
.finanzdienstleistungenfooter li h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
.finanzdienstleistungenfooter li a{
文字装饰：无；
颜色：黑色；
颜色：rgba（106106,1.00）；
字体大小：14px；
}
/*维米通*/
.虫脚{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}
.蚯蚓尾李h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
蠕形虫{
文字装饰：无；
颜色：rgba（106106,1.00）；
字体大小：14px；
}
/*Über uns*/
.ueberunsfooter{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}
.ueberunsfooter li h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
尤伯伦先生{
文字装饰：无；
颜色：rgba（106106,1.00）；
字体大小：14px；
}

在页脚后添加一个容器，例如

然后应用一个简单的css

.footer-container{
width:1200px;
margin:auto;
}

---

我为周围的ul元素添加了边距和位置：

页脚{
宽度：100%；
背景色：#333；
显示：表格；
}
.排行榜{
显示：继承！重要；
保证金：0自动！重要；
}
/*费南迪恩斯特雷斯通根*/
.finanzdienstleistungenfooter{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}
.finanzdienstleistungenfooter li h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
.finanzdienstleistungenfooter li a{
文字装饰：无；
颜色：黑色；
颜色：rgba（106106,1.00）；
字体大小：14px；
}
/*维米通*/
.虫脚{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}
.蚯蚓尾李h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
蠕形虫{
文字装饰：无；
颜色：rgba（106106,1.00）；
字体大小：14px；
}
/*Über uns*/
.ueberunsfooter{
显示：表格单元格；
列表样式：无；
左侧填充：50px；
}

你完全把事情复杂化了。不要使用

display:table cell

使用

display:inline block

，而是删除顶层

ul

并将

文本对齐：居中

添加到页脚

页脚{
字体大小：16px；
背景色：#333；
文本对齐：居中；
}
页脚a{
文字装饰：无；
颜色：rgba（106，106，106，1.00）；
字体大小：16px；
}
页脚ul{
文本对齐：左对齐；
列表样式：无；
显示：内联块；
填充：15px；
}
页脚h1{
字体大小：16px；
颜色：黑色；
保证金：0；
}

尝试使用此选项。您可以根据需要添加3或4节。您的内容将始终居中对齐。我希望它能帮助你

页脚{
宽度：100%；
背景色：#333；
填充：20px0；
}
页脚>ul{
左侧填充：0；
}
页脚>ul>li{
显示：表格；
列表样式类型：无；
表布局：固定；
文本对齐：居中；
宽度：100%；
}
页脚李{
列表样式类型：无；
}
.finanzdienstleistungenfooter，
.虫脚，
.ueberunsfooter{
显示：表格单元格；
列表样式：无；
左侧填充：0；
}
.finanzdienstleistungenfooter li h1，
.虫尾李h1，
.ueberunsfooter li h1{
文字装饰：无；
颜色：黑色；
字体大小：16px；
垫底：5px；
}
.finanzdienstleistungenfooter li a，
蠕形虫，
尤伯伦先生{
文字装饰：无；
颜色：黑色；
颜色：rgba（106106,1.00）；
字体大小：14px；
}