Varias capas centradas dentro de otra CSS

[VityOsma]

Hola, tengo una duda existencial, estoy haciendo una pagina web y quiero hacer un menú de la siguiente manera.

Quiero una capa centrada que contenga varios elementos, que podrían ser una lista, pero si no fuera posible podría utilizar una capa para cada elemento sin problemas.

Los elementos son extraídos de una base de datos, que cada vez ira aumentando, tampoco son muchos, el tamaño es variable, mi objetivo es que queden centrados dentro de la capa con un tamaño fijo y que cuando ocupe la pantalla horizontalmente por completo, se pongan en la fila de debajo en el centro, y el siguiente de nuevo pegado a este en el centro, y así sucesivamente.

Las capas que haya debajo de esta, deberán alejarse a medida que esta crezca, si hay dos filas las capas que están debajo se colocarán debajo de la del menú ocupe el alto que ocupe.

¿Es posible hacer esto?

Añado una imagen de como quedarían las capas para más información.

http://s2.subirimagenes.com/otros/previo/thump_8771914menu.jpg

Gracias por adelantado a los que me ayuden. :)

[VityOsma]

Nadie puede ayudarme?

[pzin]

Supongo que te refieres a algo así:

Código CSS:

ul {
  text-align: center;
}
 
li {
  display: inline-block;
}
 

Quedaría más o menos así:



Si reduces la ventana del navegador verás que cuando no quede espacio se irán hacia abajo.

[VityOsma]

Si, eso es exactamente lo que quería, ya lo he integrado en mi web. Lo había probado de esa forma con la mala suerte de que tenía otros estilos junto a los que me has escrito, como display:flex, y un float que afectaba a quien no tenía que afectar así que cuando probé display:inline-block no me funciono, muchas gracias, aunque me has dejado mal solucionándolo con un código tan simple.