width: fit-content

centrado con width: fit-content;

by kseso

HTML

<nav class="fit-content">
    <ul class="fit-content">
        <li><a href="http://ksesocss.blogspot.com">KsesoCss</a></li>
        <li><a href="http://ksesocss.blogspot.com/p/contacto.html">Contacto</a></li>
        <li><a href="http://ksesocss.blogspot.com/2012/11/netK.html">netK</a></li>
        <li><a href="http://feeds.feedburner.com/Ksesocss">Rss</a></li>
    </ul>
</nav

CSS

@import url(http://fonts.googleapis.com/css?family=Carme);

.fit-content ul {
    font-family: carme, sans serif;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin: 0 auto;
    background: #8AA9B8;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    list-style: none;
    overflow: hidden;
    padding: 10px 5px;
    font-size: 1.2rem;
}
.fit-content ul li {
    float: left;
    margin: 0 5px;
}
.fit-content a {
    background: #664477;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    -moz-transition: background .7s;
    -webkit-transition: background .7s;
    -ms-transition: background .7s;
    -o-transition: background .7s;
    transition: background .7s;
}
.fit-content a:hover {
    background: #EC0404;
    outline: 0 none;
    text-shadow: 0 1px #000; 
}