सीएसएस के साथ अव्यवस्थित सूची इंडेंटेशन को हटाना

जब एक अव्यवस्थित सूची में पाठ लपेटा जाता है, तो अवांछित इंडेंट दिखाई दे सकते हैं। इस समस्या के समाधान के लिए, निम्नलिखित चरणों का प्रयास करें:

1. इंडेंटेशन हटाएं

डिफ़ॉल्ट पैडिंग और सूची-शैली इंडेंट हटाएं:

ul {
    padding: 0;
    list-style-type: none;  
}

2. लाइन-ऊंचाई घटाएं

यदि आवश्यक हो, तो लाइन-ऊंचाई को फ़ॉन्ट आकार के बराबर या थोड़ा कम सेट करके कम करें:

ul li {
    line-height: 1em;
}

3. फ़्लोट अक्षम करें

सूची आइटमों पर लागू किसी भी फ़्लोट गुण को हटाएं, यह सुनिश्चित करते हुए कि वे इसके बजाय इनलाइन-ब्लॉक प्रदर्शित करते हैं:

ul li {
    float: none;
    display: inline-block;
}

4. फ़ॉन्ट आकार समायोजित करें

अंतिम चरण के रूप में, फ़ॉन्ट आकार को अपनी इच्छित उपस्थिति में समायोजित करें।

उदाहरण

निम्नलिखित कोड पर विचार करें:

#info {
    ...
}

#info ul {
    padding: 0;
    list-style-type: none;
}

#info ul li {
    float: none;
    display: inline-block;
    line-height: 1em;
}
तकनीकों के इस संयोजन से अव्यवस्थित सूचियों में लपेटी गई रेखाओं से इंडेंटेशन को खत्म किया जाना चाहिए, जिससे एक साफ और पेशेवर उपस्थिति सुनिश्चित होगी।