CSS-এ লিস্ট মার্কার বক্সের বাইরে (outside) রাখা

লিস্ট মার্কার বক্সের বাইরে রাখতে list-style-position property-র মান outside ব্যবহার করা হয়।

outside মানে টেক্সট দ্বিতীয় লাইনে গেলে প্রথম লাইনের শুরুতে (বুলেটের ডানে) অ্যালাইন হবে।

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:circle; list-style-position:outside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ul>
    <ol style="list-style-type:decimal; list-style-position:outside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ol>
  </body>
</html>

ডিফল্ট আচরণ: ব্রাউজার ডিফল্টভাবে outside ব্যবহার করে।