How to center Facebook/G+/Twitter “like” buttons on page?

[asqoinqjd]

I'm using this solution to place "like" buttons on my page in an inline fashion. Basically, the buttons are placed inside \[code\]li\[/code\] elements inside a \[code\]ul\[/code\]. So far, that works.The buttons are located in the footer of my page. Problem is, they align to the left of the page, when I want them to be centered. I've tried everything I can think of but can't seem to center them horizontally.I've set up a JSFiddle here. (You'll notice Bootstrap is a dependency. My site uses it, so your answer can take advantage of it if necessary, but doesn't have to.)Thanks.