Zurb Foundation 4 - Center elements in Top Bar navigation

Some time ago i wanted to center all elements in a top bar navigation using Foundation CSS Framework. Below is a simple solution.

.top-bar:not(.expanded) section ul {
  display: table;
  margin: 0 auto;

  li {
    display: table-cell;
  }
}

EOT.