CSS Liste - CSS list-style-position Kullanımı

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
ul.a {list-style-position:inside;}
ul.b {list-style-position:outside;}
</style>
</head>

<body>
<p>list-style-position: inside:</p>
<ul class="a">
  <li>Çay</li>
  <li>Kahve</li>
  <li>Su</li>
</ul>

<p>list-style-position: outside:</p>
<ul class="b">
  <li>Çay</li>
  <li>Kahve</li>
  <li>Su</li>
</ul>

<p>"list-style-position: outside" varsayılan değerdir.</p>
</body>
</html>