css页脚怎么居中,在页脚HTML和CSS中居中水平对齐的图像

好吧，所以我正在重做一个页脚，以便它具有响应式设计，现在，社交徽标不会居中。相反，它们稍微偏左。 HTML：在页脚HTML和CSS中居中水平对齐的图像

• 

• 

• 

• 

• 

• 

Source Code for this Website

CSS：

.text-center {

text-align: center;

display: block;

}

.social {

display: inline-block;

line-height: 1;

margin-bottom: 16px;

list-style: none;

text-align: center;

}

.web-footer {

overflow: hidden;

overflow-x: hidden;

overflow-y: hidden;

width: 100%;

diplay:block;

margin: 0;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding: 0;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

border: 0;

border-top-color: initial;

border-top-style: initial;

border-top-width: 0px;

border-right-color: initial;

border-right-style: initial;

border-right-width: 0px;

border-bottom-color: initial;

border-bottom-style: initial;

border-bottom-width: 0px;

border-left-color: initial;

border-left-style: initial;

border-left-width: 0px;

box-sizing: border-box;

display: block;

}

.footerfull {

max-width: 100%;

margin: 0;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding: 0;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

border: 0;

border-top-color: initial;

border-top-style: initial;

border-top-width: 0px;

border-right-color: initial;

border-right-style: initial;

border-right-width: 0px;

border-bottom-color: initial;

border-bottom-style: initial;

border-bottom-width: 0px;

border-left-color: initial;

border-left-style: initial;

border-left-width: 0px;

box-sizing: border-box;

display: block;

}

.footerfullback {

background: #D2D7D3;

margin: 0;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding: 0;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

border: 0;

border-top-color: initial;

border-top-style: initial;

border-top-width: 0px;

border-right-color: initial;

border-right-style: initial;

border-right-width: 0px;

border-bottom-color: initial;

border-bottom-style: initial;

border-bottom-width: 0px;

border-left-color: initial;

border-left-style: initial;

border-left-width: 0px;

box-sizing: border-box;

}

.footwrap {

width: 100%;

text-align: center;

}

.social>* {

display: inline-block;

margin: 0 8px;

margin-top: 0px;

margin-right: 8px;

margin-bottom: 0px;

margin-left: 8px;

text-align: center;

}

.social a {

display: inline-block;

text-align: center;

}

.h5 {

text-align: center;

font-size: 1.6rem;

line-height: 1.6;

letter-spacing: 0.070em;

font-family: Montserrat;

}

.foo {

width: 100%;

background:#bdc3c7;

}

.footcontainer {

margin: auto;

text-align: center;

}

我已经尝试了很多东西与CSS，所以它可能会显得有些凌乱。 如何使徽标居中？