Jump to content

Unable to center text within a list


uworlds
 Share

Recommended Posts

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 by uworlds
Link to comment
Share on other sites

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.

  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...