HTML-এ টেক্সট সেন্টার করার পদ্ধতি
প্রোগ্রামার হিসেবে আমরা যা প্রথম জিনিস শিখি সেটি হল টেক্সট ব্লক এলাইন করা। এই আর্টিকেলে, আমরা দেখব কীভাবে style এবং align অ্যাট্রিবিউট ব্যবহার করে আপনার কন্টেইনারের মাঝপথে টেক্সট এলাইন করতে হয়।
স্টাইল অ্যাট্রিবিউট
যখন আমরা HTML-এ একটি div-এ কাজ করি, তবে আমরা ইনলাইন-স্টাইলিং ইনকর্পোরেট করতে style অ্যাট্রিবিউট ব্যবহার করতে পারি। আমরা আমাদের <div>-এ টেক্সট সেন্টার করতে CSS প্রোপার্টি text-align ব্যবহার করব।
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Center with Style Attribute</title> </head> <body> <div class="container" style="text-align:center;"> <p>Text to center</p> </div> </body> </html>
এলাইন অ্যাট্রিবিউট
আমরা align অ্যাট্রিবিউট ব্যবহার করতে পারি যখন আমরা HTML-এ টেবিলের সাথে কাজ করি। এটি শুধু <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr> এলিমেন্টগুলোর ওপর কাজ করবে।
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Center with Align Attribute</title> </head> <body> <table border=1 width="800" align="center"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr align="center"> <td>January</td> <td>$100</td> </tr> <tr align="center"> <td>February</td> <td>$80</td> </tr> </table> </body> </html>
টেক্সট সেন্টার করা শিখার সময় মনে রাখার বড় জিনিসটি হল এলাইনমেন্ট এর কন্টেইনারের ওপর নির্ভর করে যেখানে সেটি আছে। যদি কন্টেইনারটি শুধু পেজের অর্ধেক partie নেয়, তবে সেটি সেটি কন্টেইনারের দৈর্ঘ্যের মাঝপথে সেন্টার হবে, পুরো পেজে নয়।
এটিই সব! এখন আপনি জানেন <div> এলিমেন্ট এবং <table> এলিমেন্ট জুড়ে টেক্সট কীভাবে সেন্টার করতে হয়।
