Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML लिस्ट में बुलेट्स और टेक्स्ट के बीच स्पेस कैसे बनाएं?


CSS padding-left प्रॉपर्टी

अनऑर्डर्ड लिस्ट (<ul>) में बुलेट्स और टेक्स्ट के बीच स्पेस बनाने के लिए <li> टैग पर padding-left उपयोग करें।

उदाहरण: बिना स्पेस वाली लिस्ट

<!DOCTYPE html> <html>
  <head> <title>HTML List</title> </head>
  <body>
    <h1>Developed Countries</h1>
    <p>The list of developed countries:</p>
    <ul style="list-style-type:disc">
      <li>US</li> <li>Australia</li> <li>New Zealand</li>
    </ul>
  </body>
</html>

उदाहरण: padding-left से स्पेस जोड़ें

<!DOCTYPE html> <html>
  <head> <title>HTML Lists</title> </head>
  <body>
    <h1>Developed Countries</h1>
    <p>The list of developed countries:</p>
    <ul style="list-style-type:disc">
      <li style="padding-left:1em">US</li>
      <li>Australia</li> <li>New Zealand</li>
    </ul>
  </body>
</html>
  1. HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: square अनऑर्डर्ड लिस्ट में स्क्वायर (वर्गाकार) बुलेट्स के लिए <ul> टैग पर CSS list-style-type: square उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed

  1. HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: disc (डिफ़ॉल्ट) अनऑर्डर्ड लिस्ट में डिस्क (भरे हुए गोले) बुलेट्स डिफ़ॉल्ट होते हैं। स्पष्ट रूप से सेट करने के लिए <ul> पर list-style-type: disc उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head&g

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं? HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML <textarea> टैग का उपयोग करें। आप cols और rows एट्रिब्यूट्स का उपयोग करके टेक्स्ट एरिया का आकार सेट कर सकते हैं। इसका उपयोग फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें।<textarea> टैग के एट्रिब्यूट्सएट्रिब्य