I'm having trouble centering a horizontal un-ordered list that I have on a very basic 'coming soon' page.
You can follow the link to the site and have a look at the code and so on. You'll notice that the horizontal list with the 3 social icons are not quite centered relative to the big header and the email address, seems to be floating to the right a little bit.
Any ideas on how to fix this?
Set padding-left:0; on your ul element.
This will override the default browser -webkit-padding-start: 40px; which Google Chrome is offsetting the center position. Other browser defaults may vary.
Tested in Google Chrome and this resolves the issue.