Help with getting the bullet points (li) to line up in center

i want the li elements to line up with the left side of the image and have it finish at the right side of the image.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0

Challenge: Build a Tribute Page

Link to the challenge:

Can you basically just do the same thing that you are doing for the image? You have set a width on the div wrapping the image and then used auto side margins to center it. Why wouldn’t that work for the list as well?

P.S. The image isn’t precisely centered because you are missing a CSS property on the image itself that will make it truly responsive.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.