[SOLUCIONADO] centrado de nav

[rascabuchitos]

hola amigos
alguien me podria decir como obtengo un menu como en la imagen?

estos son mis codigos

Código HTML:

<nav class="se-gris padding-largo">
        <ul class="no-lista text-center">
            <li class="col-xs-3 inline-block">menu uno</li>
            <li class="col-xs-3 inline-block">menu dos</li>
            <li class="col-xs-3 inline-block">menu tres</li>
        </ul>
</nav>
 

Código CSS:

body{
    background-color: yellow;
}
img{
    max-width: 100%;
}
 
.se-gris{
    background-color: #eee;
}
.padding-largo{
    padding: 5px 10px;
    width: 80%;
}
.no-lista{
    margin: 0px;
    padding: 0px;
}
.no-lista li{
    list-style-type: none;
}
.inline-block{
    float: none;
    display: inline-block;
}
 

[xfxstudios]

Asi:

Código HTML:

<nav class="se-gris padding-largo">
        <ul class="no-lista text-center">
            <li class="col-xs-3 inline-block">menu uno</li>
            <li class="col-xs-3 inline-block">menu dos</li>
            <li class="col-xs-3 inline-block">menu tres</li>
        </ul>
</nav>
 

Código CSS:

body{
    background-color: yellow;
}
img{
    max-width: 100%;
}
 
.se-gris{
    background-color: #eee;
}
.padding-largo{
    padding: 5px 10px;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
}
.no-lista{
    margin: 0px;
    padding: 0px;
}
.no-lista li{
    list-style-type: none;
}
.inline-block{
    float: none;
    display: inline-block;
    width: 30%;
    text-align:center;
}
 

MUESTRA: https://jsfiddle.net/vc0xp2n9/