सीएसएस के साथ सूची आइटम में लाइन ब्रेक को रोकना

ली टैग का उपयोग करके सूची आइटम में हाइपरलिंक जोड़ते समय, शब्दों के बीच रिक्त स्थान लिंक का कारण बन सकता है एकाधिक पंक्तियों में लपेटें। सीएसएस इस समस्या के समाधान के लिए समाधान प्रदान करता है। . ली टैग पर

सेट करके, आप लिंक को रैप होने से रोक सकते हैं:li { व्हाइट-स्पेस: अब्रैप; }

समाधान 2: सूची आइटम की चौड़ाई बढ़ाना

li {
  white-space: nowrap;
}

li { चौड़ाई: 200px; }दोनों समाधान सूची की पठनीयता को बनाए रखते हुए लिंक को प्रभावी ढंग से लपेटने से रोकते हैं।