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í:

Ver imagen

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.

Ver imagen