Cómo centrar las pestañas de las páginas

Hoy vamos con un tutorial que, aunque parezca una tontería, para mí es fundamental... y es cómo centrar las pestañas de las páginas. Y es que por defecto, vienen alineadas a la izquierda, así:

pero yo como soy tan perfeccionista, me gusta todo centrado. 

Y ahora vamos al lío:

• Nos vamos al diseñador de plantillas.

• Avanzado
• Añadir CSS

Y copiamos dentro de la cajita:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

• Si en un caso, ya tenemos allí copiado más códigos, lo único que tenemos que hacer es das un par de intros después de la última } y copiar éste código.
• Le dáis a vista previa antes de guardar, SIEMPRE, para comprobar que os ha salido.
• Una vez lo tengáis guardáis cambios y ya está! vuestras pestañas quedarán centradas.

Y si lo que queréis es centrarlas a la derecha, en vez del código anterior, copiais éste:

.PageList {text-align:right !important;}

.PageList li {display:inline !important; float:none !important;}

¿Qué os parece? más fácil imposible.