Потому что она не блочная и не имеет ширины.
Вот так сработает
a {
display: block;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
Либо просто задайте контейнеру text-align: center
И еще пачка способов по запросу "горизонтальное выравнивание css"
