I have scanned all my code and dont see any padding or margin on any list items. I use background color and borders to understand what the boxes are doing. I just want the list items to be centered, without a style type.
This is a good example of using the browser’s dev tools inspector to figure out what is going on. Open the inspector tab and mouse over the list. You should notice a little extra something is being placed on the left side of the list. Browser’s often add default styling to some elements and you will most likely want to undo that styling. There are things known as CSS resets which you can use to undo all of the default styling most browsers add.