I don't get the difference between list-style-position:outside ; And list-style-position;inside; because my browser says thet are the same

Question

I don't get the difference between list-style-position:outside ;
And list-style-position;inside;
because my browser says thet are the same

Answer 1

1. outside outside position (outsisdjdjjdjfjfjkfk djdjdjfjjfjjf djdkdkdkkddkdkdkdkkdkdkdk hsjdjdj djdjdjfjjfjjf djdkdkdkkddkdkdkdkkdkdkdk d

1. inside position hdjdjdjdjjdjdjfjfjjfjfjfjfjf fdjjfjfjfjjfjfjhs. sdjddjdjjdjd djdjjdjdjdjd djdjjdjdjdjd ejdjejejejjejejdjejjejejjejejrjjrjrjneje ejdjejejejjejejd

1=the list bullet

Answer 2

Follow the link for a proper explanation, Click run.

https://code.sololearn.com/WZcQ36roBBY6

Answer 3

W3schools.com is the best

Answer 4

Inside the middle
Outside of the middle
just compare it

Answer 5

try using list-style: upper-roman; and switch between inside and outside and you will see the difference

Answer 6

Try to add more text into <li> tags, difference is noticeable when more than one line in list item

Answer 7

add border for all <li> and you will see difference