Run Example

Edit This Code:
<!DOCTYPE html>
<html>
 <head>
  <title> Page Title </title>
  <style type="text/css">
   ul.inside{
   	list-style-position: inside;
   }
   ul.outside{
   	list-style-position: outside;
   }
  </style>
 </head>

 <body>
   <ul class="inside">
   	<li>inside list 1</li>
   	<li>inside list 2</li>
   	<li>inside list 3</li>
   </ul>
   <ul class="outside">
   	<li>outside list 1</li>
   	<li>outside list 2</li>
   	<li>outside list 3</li>
   </ul>
 </body>
</html>
Result: