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;
}