I've been struggling to center and align the navigation links inside this div horizontally. I attempted a few methods, but none seem to work.
I managed to fix the previous issue with #centermenu, but unfortunately it still isn't functioning as expected.
<nav id="centermenu">
<ul>
<li><a href="#">Business</a></li>
<li><a href="#">Specialties</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
CSS:
#centermenu {
float: left;
width: 100%;
border-bottom: 2px solid #011;
background: #ffe;
overflow: hidden;
position: relative;
}
#centermenu ul {
float: left;
clear: left;
position: relative;
list-style: none;
display: block;
text-align: center;
}
#centermenu ul li {
display: block;
float: left;
list-style: none;
margin: 1em;
padding: 1em;
}
Thanks for any help!