Горизонтальное меню - выровнять по центру блока

Встречал совершенно безумные комбинации, которые центрируют горизонтальное меню. Однако, всё гораздо проще. HTML:
<div class="b">
  <ul>
    <li><a href="">Point 1</a></li>
    <li><a href="">Point 2</a></li>
    <li><a href="">Point 3</a></li>
    <li><a href="">Point 4</a></li>
    <li><a href="">Point 5</a></li>
    <li><a href="">Point 6</a></li>
  </ul>
</div>
CSS:
.b {
  text-align: center;
}

ul {
  display: inline-block;
  list-style: none;
}

li {
  float: left;
  margin-right: 20px;
}
Пример здесь.
tags: