Getting a menu made out of the Blogger Pages Widget to become horizontal instead of vertical

When I wanted to do this, I found that there wasn't much that I could do inside the widget that I added to the header section of my layout, although it says that it should automatically go horizontal when you put it under the header. In my case it did no such thing. So, after hunting around for a bit I found this very handy little bit of code that you can add as a custom CSS, if that option is available on your theme, if not I would just paste it right above </style>. 

Anyway, here's the magic code:

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

That easy...