CSS-এ লিস্ট মার্কার বক্সের ভিতরে (inside) রাখা

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

inside মানে টেক্সট দ্বিতীয় লাইনে গেলে মার্কারের নিচে র‍্যাপ হবে এবং outside থাকলে যেখানে শুরু হতো সেখানে ইনডেন্ট থাকবে।

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:square; list-style-position:inside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ul>
    <ol style="list-style-type:lower-alpha; list-style-position:inside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ol>
  </body>
</html>

ব্যবহার: ডিজাইন অনুযায়ী মার্কার টেক্সটের সাথে ইনলাইন দেখাতে চাইলে inside ব্যবহার করুন।