Centrar listado

[gringofer]

Hola buenos dias, estoy realizando un listado con <ul><li></li></ul> y quiero centrarlo en la web pero todavia no lo logro.

el codigo es el siguiente:

Código HTML:

<div class="row">
        <div class="col-md-12 lista">
        <ul id="menu"><li><img src="img/llamada-telefonica.png" style="vertical-align:middle" align="left" alt="Llamadas ilimitadas" class="img-responsive"> Llama gratis a todos los Personales del Pais</li>
                <li><img src="img/torre-de-senales-wifi.png" align="left" alt="Llamadas ilimitadas" class="img-responsive"> Internet ILIMITADO todo el mes</li>
                <li><img src="img/globos-de-dialogo-de-chat-con-puntos-suspensivos.png" align="left" alt="Llamadas ilimitadas" class="img-responsive"> SMS Free a cualquier compañia</li>
                </ul>
        </div>
    </div>
 

En la hoja de estilos es:

Código HTML:

.lista li{
   display: table-footer-group;
   text-align:left;
   margin: 0 8px 0 0;
}
 
.lista ul{
   list-style-type: none;
   text-align:center;
}
 
#menu {
 float:none;
 list-style-type:none;
 position:relative;
}
 
#menu li {
 float:none;
 position:relative;
 right:50%;
}
 

desde ya muchas gracias, saludos!