I made topnav bar using HTML and CSS

but I want to this in the middle but, now, it locates the left side of the webpage

How to change to middle location?

CSS code -

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;

align-content: center;

text-align: center;

}

li {

float: left;

align-content: center;

text-align: center;

border-right: 1px solid #bbb;

}

li:last-child {

border-right: none;

}

li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

align-content: center;

text-align: center;

}

li a:hover {

background-color: #111;

align-content: center;

text-align: center;

}

HTML code-

• Home
• Resume
• Projects
• Contact
• Social
• Admin