CSS list-style-position প্রোপার্টি দিয়ে লিস্ট মার্কারের পজিশন পরিবর্তন করা

list-style-position প্রোপার্টি নির্ধারণ করে যে লিস্ট মার্কার (বুলেট/নম্বর) কন্টেন্ট বক্সের ভিতরে (inside) থাকবে নাকি বাইরে (outside, ডিফল্ট)।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
ul.demo1 { list-style-position: outside; }
ul.demo2 { list-style-position: inside; }
</style>
</head>
<body>
<h1>Teams</h1>
<h2>ODI Teams</h2>
<ul class="demo1">
  <li>India</li> <li>Australia</li> <li>England</li>
  <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li>
</ul>
<h2>Test Teams</h2>
<ul class="demo2">
  <li>India</li> <li>Australia</li> <li>England</li>
  <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li>
</ul>
</body>
</html>

প্রभाव: inside হলে মার্কার টেক্সট ফ্লোয়ের অংশ হয়ে যায় (ইন্ডেন্ট হয়), outside হলে এটি বক্সের বাইরে থাকে।