HTML-এ লিস্ট বুলেট এবং টেক্সটের মধ্যবর্তী স্পেস তৈরি করতে CSS padding প্রোপার্টি ব্যবহার করা হয়। <ul> ট্যাগের লিস্ট আইটেম <li> ট্যাগে বাম প্যাডিং padding-left যোগ করতে হয়। এর মাধ্যমে প্যাডিং যোগ হয়, যা লিস্ট বুলেট এবং টেক্সটের মাঝে স্পেস তৈরি করে।
উদাহরণ: সাধারণ আনঅর্ডার্ড লিস্ট
নিচে ডিস্ক বুলেট সহ একটি আনঅর্ডার্ড লিস্ট দেওয়া হলো:
<!DOCTYPE html> <html> <head> <title>HTML List</title> </head> <body> <h1>উন্নত দেশ</h1> <p>উন্নত দেশের তালিকা:</p> <ul style="list-style-type:disc"> <li>US</li> <li>অষ্ট্রেলিয়া</li> <li>নিউজিল্যান্ড</li> </ul> </body> </html>
উদাহরণ: বাম প্যাডিং যোগ করে স্পেস তৈরি
নিচের কোড চালিয়ে HTML-এ লিস্ট বুলেট এবং টেক্সটের মাঝে স্পেস যোগ করুন। উপরের কোডে বাম প্যাডিং যোগ করা হয়েছে:
<!DOCTYPE html> <html> <head> <title>HTML Lists</title> </head> <body> <h1>উন্নত দেশ</h1> <p>উন্নত দেশের তালিকা:</p> <ul style="list-style-type:disc"> <li style="padding-left:1em">US</li> <li>অষ্ট্রেলিয়া</li> <li>নিউজিল্যান্ড</li> </ul> </body> </html>
