Hola amigos, tengo una plantilla que estoy trabajando con HTML 5 y CSS3, si bien soy nuevo con estas potentes herramientas poco a poco le voy tomando la mano al asunto. Ahora bien, en la página de inicio tengo una serie de circulos entrelazados y que en realidad forman una lista de navegación (<ul> <li>) pero visualmente como digo se observan los circulos entrelazados de distintos colores lo que le da un efecto muy bonito Bueno, el problema es que los textos que van en el centro de los circulos como menú de navegación si bien me aparecen centrados correctamente, tengo por ejemplo el primero que se excede en el texto del circulo, mi pregunta es si existe alguna formula para poder acomodar ese unico item de la lista sin que se afecte a los otros items <li> de la misma, he intentado con algunos pasos de CSS3 pero no he podido, si alguien mas experto me pudiera orientar, agradecido! 
