SO answer 24.08.14

http://stackoverflow.com/questions/25470575/centering-horizontal-unordered-list-without-it-having-a-fixed-width/25470647

HTML

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>

CSS

body{
    padding:0;
    margin:0;
}

ul{
    background:#eee;
    list-style:none;
    width:100%;
    padding:10px 0;
    margin:0;
    text-align:center;
}
li{
    padding:10px;
}