Текст списка нижнего колонтитула не центрируется ⇐ CSS

[Anonymous]

У меня проблема с центрированием списка в нижнем колонтитуле: похоже, что с левой стороны есть отступы, мешающие центрированию.

Код: Выделить всё

[img]/images/middle.png[/img]


[list][*][url=#artwork]My Artwork[/url]
[*][url=#webdesigns]My Web designs[/url]
[*][url=#top]Back to top[/url]
[/list]

Код: Выделить всё

footer{
background-color: rgb(35, 18, 61);
}
.footerContainer{
width: 100%;
padding: 20px 30px 20px ;
text-align: center;
}

.footerNav{
margin: 30px 0;
}
.footerNav ul{
display: flex;
justify-content: center;
list-style-type: none;
}

.footerNav ul li a{
margin: 20px;
text-decoration: none;
font-size: 1.2em;
}

@media (max-width: 360px){
.footerNav ul{
flex-direction: column;
}
.footerNav ul li{
text-align: center;
margin: 10px;
}
}

Я попробовал добавить text-align: center; к каждому элементу нижнего колонтитула, я также добавил попробовал маржу: 0 auto; и у меня получилось просмотрел отступы и поля в остальной части моего HTML-файла, но после их удаления ничего не изменилось. Что мне не хватает?


Подробнее здесь: https://stackoverflow.com/questions/787 ... ont-center