Question

i need to center the navigation links inside the div, and align it horizontally. I have tried this approach, but did not work.

Fixed the previous error with #centermenu, thanks, but stil does not work.

            <nav id="centermenu">
                   <ul>
                         <li><a href="#">Business</a></li>
                         <li><a href="#">Specialities</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

Answer 1

There seems to be a typing error at the UL-part.

Cetermenu ul

Instead off

Centermenu ul

Edit :

The following seems to work for me. Maybe add the other tags one by one to see were it breaks.

#centermenu {
float: left;
width: 100%;
    text-align: center;
border-bottom: 2px solid #011;
background: #ffe;
overflow: hidden;
position: relative;
}

#centermenu ul {
margin: 2 auto;
display: block
}


#centermenu ul li {
display: inline;
text-align: center;
margin: 1em;
padding: 1em;
}