List-Style-Position: outside vs. inside

Question

What is the difference between list-style-position: outside; and list-style-position: inside? Also, is there a certain time when I should use one over the other?

Answer 1

List-style-position inside is if you want the bullet to be a part of the text. You’ll see it if you gave the element a border or padding. List-style-position outside is default and the bullet is not part of the text. The biggest time it makes a difference is if you’re using border or padding and then, it’s your personal preference.