The list-style-position property indicates whether the marker should appear inside or outside of the box containing the bullet points.
If the text goes onto a second line, the text will wrap underneath the marker, for the value inside.
Example
If the text goes onto a second line, the text will be aligned with the start of the first line, for the value outside.
<html> <head> </head> <body> <ul style = "list-style-type:circle; list-style-position:outside;"> <li>Maths</li> <li>Science</li> </ul> </body> </html>