چگونه لیست‌ها را به وسط قرار دهیم

آموزش نحوه استفاده از CSS برای قرار دادن لیست‌ها به وسط.

لیست HTML را به وسط قرار دهید

مرحله اول - اضافه کردن HTML:

را تغییر می‌دهد <ul> عناصر درون عنصر محفظه قرار می‌گیرند، مثلاً <div>:

<div class="container">
  <ul class="myUL">
    <li>قهوه</li>
    <li>چای</li>
    <li>کوکا-کولا</li>
  </ul>
</div>

مرحله دوم - اضافه کردن CSS:

را تغییر می‌دهد <div> عناصر به وسط قرار می‌گیرند و <ul> نمایش به inline-block。

یا، می‌توانید عناصر لیست را چپ چین کنید تا یک دیدگاه مرتب‌تر داشته باشید:

div.container {
  تقارب: وسط;
{}
ul.myUL {
  نمایش: درون خط;
  تقارب: چپ;
{}

نوآباد کوشش کریں

مقابلہ پیج

تعلیم:CSS آلینٰم