Как выронить меню по центру блока?

для того что бы сработал margin 0 auto - требуется что бы елемент был блочным(либо в css display: block), с конкретно заданной шириной

update после приложения ссылки

задайте ul text-align: center и все отцентрируется

.center { 
display: -webkit-flex; 
display: -moz-flex; 
display: -ms-flex; 
display: -o-flex; 
display: flex; 
justify-content:center; 
} 
#red { 
width:100px; 
height:100px; 
background:red; 
}

<div class="center"> 
  <div id="red"></div> 
</div>

Рекомендую использовать также данный сервис http://howtocenterincss.com