CSS text-align प्रॉपर्टी का उपयोग करके हम किसी एलिमेंट के टेक्स्ट को हॉरिजॉन्टली सेट कर सकते हैं। हम इसे left, right, justify या center पर सेट कर सकते हैं।
सिंटैक्स
CSS text-align प्रॉपर्टी का सिंटैक्स निम्नलिखित है:
Selector { text-align: /*value*/ }उदाहरण
निम्नलिखित उदाहरण CSS text-align प्रॉपर्टी को दर्शाते हैं:
<!DOCTYPE html> <html> <head> <style> div { margin: auto; padding: 8px; max-width: 200px; border: thin solid; } p { text-align: right; } div:nth-child(3) { text-align: center; } div:last-child { text-align: justify; } </style> </head> <body> <h2>Student Examination Details</h2> <div> <div>Student John</div> <div> Student Tom <p>Did not appeared for the exams.</p> </div> <div>Student Brad</div> <div>Did not appeared for only the last exam.</div> </div> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
उदाहरण
<!DOCTYPE html> <html> <head> <style> td { padding: 10px; box-shadow: inset 0 0 21px yellow; } td:first-of-type { text-align: right; } </style> </head> <body> <h2>Demo Heading</h2> <table> <tr> <td>This is it!</td> </tr> <tr> <td>Well, this is a demo text!</td> </tr> </table> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
