তালিকা মধ্যমানের কিভাবে

CSS দিয়ে তালিকা মধ্যমানের সাথে কিভাবে প্রদর্শন করা যায়

মধ্যমানের তালিকা

এলিমেন্টকে <ul> এলিমেন্টকে কাউন্টেনার এলিমেন্টের ভেতরে বাঁধান করা হয়, যেমন <div>：

<div class="container">
  <ul class="myUL">
    <li>কফি</li>
    <li>চা</li>
    <li>কোলা</li>
  </ul>
</div>

এলিমেন্টকে <div> তুলনামূলক এলিমেন্টকে মধ্যমানের সাথে বাঁধান করুন <ul> রেখাচিত্রের প্রদর্শনকে inline-block。

বা, আপনি তালিকার আইটেমগুলিকে ডানদিকের বাঁধান করে একটি সুন্দর দৃশ্য পাবেন:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}