Here is how to horizontally center a Navigation.

The html markup:



The css:

.nav{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
}

This code was pulled from: CSS Wizardry

Leave a Reply

Get in Touch

Please fill out the form below and we will get back to you ASAP