How to center-align Pages/Pagelist gadget in Blogger

Thanks to Vanessa Morgan who had recently visited this blog and wanted to know how to center the horizontal page tabs below the blog's header. That spurred me to google for answers after several hours of failed attempts to do it on my own.

I'm terribly happy to have learned much from GreenLava, the guru at Blogger Sentral who's most helpful and generous in sharing his knowledge and expertise. THANK YOU!

By default, the Pagelist or Pages gadget is left-aligned in Blogger blogs but can be easily aligned to the center if you so desire.

Learn how to center the Pages or PageList gadget,
that's located below the blog's header, by following these simple steps:

1. Sign in to your Blogger account. At Dashboard, click Design | Template Designer.
   
   
2. Go to Advanced | Add CSS tab. Add the following CSS code snippet in the field box provided on the right:
   
   .PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
   
   
3. The alignment of the pagelist to the center will be reflected instantly in the live preview below. If you're satisfied with the changes, just click the orange button, Apply to Blog, to save changes.
   
   
4. Finally, click the Back to Blogger button to quit the Blogger Template Designer and return to the Page Elements page. That's all to it! Easy, right?

Enjoy!

Keep learning~~keep smiling~~keep sharing!!