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 yourulelement.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.