HTML में टेक्स्ट को कैसे केन्द्रित करें
पहली चीज़ जो हम प्रोग्रामर के रूप में सीखते हैं, वह यह है कि टेक्स्ट के ब्लॉक्स को कैसे अलाइन किया जाए। इस लेख में, हम इस बात पर एक नज़र डालेंगे कि स्टाइल और एलाइन विशेषताओं का उपयोग करके आपके कंटेनर के केंद्र में टेक्स्ट को कैसे संरेखित किया जाए।
शैली की विशेषताएं
जब हम html में एक डिव के साथ काम कर रहे होते हैं, तो हम इनलाइन-स्टाइलिंग को शामिल करने के लिए स्टाइल एट्रिब्यूट का उपयोग कर सकते हैं। हम CSS प्रॉपर्टी का उपयोग करेंगे text-align
हमारे टेक्स्ट को <div>
. में केन्द्रित करने के लिए .
<!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>
गुण संरेखित करें
जब हम HTML में टेबल के साथ काम कर रहे होते हैं तो हम align एट्रिब्यूट्स का उपयोग कर सकते हैं। यह केवल <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>
जब आप टेक्स्ट को केंद्र में रखना सीख रहे हों तो याद रखने वाली बड़ी बात यह है कि संरेखण उस कंटेनर पर निर्भर करता है जिसमें वह है। यदि कंटेनर केवल आधा पृष्ठ लेता है, तो यह उस कंटेनर की लंबाई पर केंद्रित होगा, न कि पूरे पृष्ठ पर।
यही सब है इसके लिए! अब आप जानते हैं कि टेक्स्ट को <div>
. पर कैसे केन्द्रित किया जाता है तत्व और <table>
तत्व