How to Center Your Navigation Bar/Page Links

I shared this blogger tutorial on my friend Pamela's blog PB&J Stories this week and I am posting it up here in case you missed it! If you would like to view all of my blogger tutorials either click here or just click the "tutorials" button up on my nice and centered navigation bar! ;)
Let's begin with the super simple blogger tutorial:
I don't know how many of you use the blogger default page links. You might have a custom navigation bar installed so this will not work for you but if you use the default one from Blogger and you hate that Blogger automatically places all your links to your left, then this tutorial is for you! I used to have a custom navigation bar but adding/deleting pages to a custom bar is such a pain! So I decided to go with the default for myself and I centered it to make it look just right! This is a super easy tutorial, no need to mess with your EDIT HTML page! 
Here is what you do:

 Go to the "Template Designer" tab within Blogger.  Select the "Advanced" tab and then the "Add CSS" then paste the following code: 

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

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

If you are happy with what you see in the preview section, then hit "Apply to Blog" and your changes will be saved! If you don't see any changes in your preview section, try hitting the enter/return button after pasting your code. If that doesn't work, then you probably have a custom navigation bar or it is hidden. I just love seeing everything nice and centered in a blog, don't you? Let me know if this tutorial was helpful!