উল থেকে প্যাডিং সরানোর সময় বামদিকে আনুভূমিকভাবে কীভাবে সারিবদ্ধ করা যায়?

আমার নিম্নলিখিত কোড আছে:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">


Get ready.

  • This
  • is
  • not
  • a
  • list.
</div> </div>

আমি ul এর বাম প্যাডিংটি সরাতে চাই যাতে উল্টানো উল্টোভাবে উল্লিখিত পাঠের সাথে উল্লম্বভাবে সংযুক্ত হয়। দুর্ভাগ্যবশত, যখন আমি 0px থেকে উলটির বাম প্যাডিং সেট করি, লি এর বিষয়বস্তু তাদের উপরে থাকা কিছুর সাথে সংলগ্ন হয়, এবং বুলেটগুলি বামদিকে চলে যায়। আমি উল-এর প্যাডিংটি আমার বর্তমান ব্রাউজারে যে মানতে কাজ করে সেটিকে ম্যানুয়ালি সেট করতে পারি, কিন্তু আমি ভয় করি যে এটি সমস্ত ব্রাউজারে কাজ করবে না।

0
তালিকা-শৈলী-অবস্থান: ভিতরে;
যোগ লেখক Temani Afif, উৎস
তালিকা-শৈলী-অবস্থান: ভিতরে;
যোগ লেখক Temani Afif, উৎস
আমি ডুপ্লিকেট অনুসন্ধান করছি, আমি নিশ্চিত যে আমি আগে একটি দেখেছি।
যোগ লেখক Temani Afif, উৎস
আমি ডুপ্লিকেট অনুসন্ধান করছি, আমি নিশ্চিত যে আমি আগে একটি দেখেছি।
যোগ লেখক Temani Afif, উৎস
ধন্যবাদ @ টিমানিআফিফ, এটি আমার সমস্যা সমাধান করেছে। যদি আপনি একটি সংক্ষিপ্ত উত্তর লিখতে চান তবে আমি এটি স্বীকার করব।
যোগ লেখক GuitarExtended, উৎস
আপনি আমাদের প্রত্যাশিত ফলাফল প্রদর্শন করতে পারেন।
যোগ লেখক user123, উৎস

6 উত্তর

আমি আপনাকে প্রয়োজন কি অর্জন আশা করি।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

ul{
padding: 0;
}
ul li{
  display: inline;
}

Get ready.

  • This
  • is
  • not
  • a
  • list.
</div> </div>

3
যোগ

আমি আপনাকে প্রয়োজন কি অর্জন আশা করি।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

ul{
padding: 0;
}
ul li{
  display: inline;
}

Get ready.

  • This
  • is
  • not
  • a
  • list.
</div> </div>

3
যোগ
ul li{
    display: inline-block;
    padding: 20px
}

এই এটা করা উচিত।

3
যোগ
আপনি প্যাডিং মান পরিবর্তন করতে পারেন হিসাবে আপনি পছন্দ করতে পারেন ...
যোগ লেখক DES PRO, উৎস

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">


Get ready.

  • This
  • is
  • not
  • a
  • list.
</div>
</div> </div>

3
যোগ
আশাকরি এটা সাহায্য করবে!
যোগ লেখক alias-3, উৎস

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">


Get ready.

  • This
  • is
  • not
  • a
  • list.
</div>
</div> </div>

3
যোগ
আশাকরি এটা সাহায্য করবে!
যোগ লেখক alias-3, উৎস

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

ul {
  padding-left: 0;
  display: flex;
  list-style-position: inside;
}

ul li {
  margin-right: 30px;
}

Get ready.

  • This
  • is
  • not
  • a
  • list.
</div> </div>

2
যোগ