uworlds Posted June 4, 2016 Share Posted June 4, 2016 (edited) Hello there, I was hoping someone could help me shed some light. I seem to unable to centre the text and Orange button on the page http://absolutehappinessbook.review ... but only in all the instances below the heading "Chapters and Contents". It looks mostly centred; however, if you view it on a small iPhone then you can see that it is skewed more to the right, and I am looking for pixel perfection centering. If anyone can see the error of my ways I would greatly appreciate. Kind regards Edited June 4, 2016 by uworlds Link to comment Share on other sites More sharing options...
davej Posted June 4, 2016 Share Posted June 4, 2016 The page contains errors: https://validator.w3.org/nu/?doc=http%3A%2F%2Fabsolutehappinessbook.review%2F 1 Link to comment Share on other sites More sharing options...
Ingolme Posted June 4, 2016 Share Posted June 4, 2016 That's because the <li> elements have 16 pixels of padding on the left and only two pixels of padding on the right. You'll need to set some CSS to give equal padding to both sides of the list items containing the content you want centered. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now