টেবিল সেলের টেক্সট সেন্টার আলাইন করতে CSS text-align প্রোপার্টি ব্যবহার করা হয়। HTML5-এ <table> ট্যাগের align অ্যাট্রিবিউট ডিপ্রিকেটেড, তাই এটি ব্যবহার করা উচিত নয়। CSS ব্যবহার করে টেবিল সেলের টেক্সট আলাইন করুন। text-align প্রোপার্টি <td> ট্যাগের জন্য ব্যবহার করা হয়।
আমরা ইনলাইন CSS-এর জন্য style অ্যাট্রিবিউট ব্যবহার করছি। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <td> ট্যাগের সাথে CSS text-align প্রোপার্টি ব্যবহার করে কাজ করে। HTML5 align ট্যাগ সমর্থন করে না।
মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবাল স্টাইল ওভাররাইড করে।
text-align এর মান সেট করে টেবিল সেলকে লेफট, রাইট বা সেন্টার আলাইন করা যায়।
উদাহরণ
নিচের কোড চালিয়ে HTML-এ টেবিল সেলের টেক্সট সেন্টার আলাইন করুন:
<!DOCTYPE html> <html> <head> <style> table, td, th { border: 1px solid black; width: 300px; } </style> </head> <body> <h1>আমাদের টেকনোলজি</h1> <table> <tr> <th>IDE</th> <th>ডাটাবেস</th> </tr> <tr> <td style="text-align:center">NetBeans</td> <td style="text-align:center">MySQL</td> </tr> </table> </body> </html>
আউটপুট
