How to Center Page Tabs

Hello everyone! Welcome back to the tutorial series that I am currently attempting to do every Saturday! Today's blog tutorial is about centring your page tabs on Blogger.
Let's get straight to it! 
So right now your blog has your page tabs like this:

Step 1: 
Backup your template first before making any changes!
Step 2: 
Go to your Dashboard and Click on "Template".
Step 3:
Click on "Customize".

Step 4:
Go to the "Advanced" Tab in the Template Designer.
Step 5: 
Scroll Down until you see the "Add CSS" Tab and click on it.
Step 6:
Copy and Paste this code in the "Add CSS" Window:
.PageList {text-align:center !important;} .PageList li {display:inline !important; float:none !important;}

Step 7:
Press Enter and then click "Apply to Blog". And that's it!

Let me know in the comments if this helped you out! And leave your blog links below so I can check it out! If you have idea of what tutorials you would like me to do, also leave a comment! 
Happy Blogging!