উত্তর:
white-space: nowrap;[1] [2] ব্যবহার করুন বা liবৃহত্তর মানগুলিতে প্রস্থটি সেট করে সেই লিঙ্কটিকে আরও স্থান দিন ।
[1] § 3. সাদা স্থান এবং মোড়ানো: সাদা স্থানের সম্পত্তি - ডাব্লু 3 সিএসএস পাঠ্য মডিউল স্তর 3
[2] সাদা-স্থান - সিএসএস: ক্যাসকেডিং স্টাইল শীট | MDN
display: inline;। হয়তো এটি অন্যদেরকেও একই ধরণের সমস্যাগুলিতে সহায়তা করবে।
লাইনটির শেষের দিকে একটি চমৎকার "…" যুক্ত করতে আপনি কোডের এই ছোট্ট স্নিপেটটি যুক্ত করতে পারেন যদি সামগ্রীটি একটি লাইনে ফিট করার জন্য বড় হয়:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}আপনি যদি এটি বাছাই করে অর্জন করতে চান (যেমন: কেবলমাত্র সেই নির্দিষ্ট লিঙ্কটিতে), আপনি একটি সাধারণ স্থানের পরিবর্তে একটি অ-ব্রেকিং স্পেস ব্যবহার করতে পারেন:
<li>submit resume</li>https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
সম্পাদনা: আমি বুঝতে পেরেছি যে এটি এইচটিএমএল, ওপি-র অনুরোধ অনুসারে সিএসএস নয়, তবে কারও কারও পক্ষে এটি সহায়ক হতে পারে…
প্রদর্শন: ইনলাইন-ব্লক; একটি তালিকা আইটেমের শব্দের মধ্যে বিরতি রোধ করবে
li {
display: inline-block;
}বুটস্ট্র্যাপ 4 এর একটি ক্লাস রয়েছে text-nowrap। এটি আপনার প্রয়োজন ঠিক তাই।