Answers for "how to take items of navbar in center"

center nav bar css

div#nav{
  text-align: center;
}
div#nav ul{
  display: inline-block;
}

centered navigation

.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;
}