उल से पैडिंग हटाते समय क्षैतिज रूप से गोलियों को बाईं ओर कैसे संरेखित करें?

मेरे पास निम्नलिखित कोड हैं:

<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, स्रोत
धन्यवाद @TemaniAfif, इससे मेरी समस्या हल हो गई। यदि आप एक छोटा उत्तर लिखना चाहते हैं तो मैं इसे स्वीकार करूँगा।
जोड़ा लेखक 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
जोड़ा