Why won't my list align horizontally center

Question

I\'m working on a basic nav bar project, and I\'ve trying to get this list to align center. I\'ve tried using align-content and text-align, but my bar

Answer 1

You can simply give the .banner element margin-left: auto; margin-right: auto;

.banner {
    margin-left: auto;
    margin-right: auto;
}