Center Navigation Horizontally - Tip 2

markup

<nav>
  <ul>
    <li>..</li>
  </ul>
</nav>

styles

nav{
  text-align:center;
  width:intrinsic;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 30px auto 0;
}
ul{
  display:inline-block;
}
ul li {
  float:left;
}