तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे -
. के रूप में सेट किया गया हैright: auto|length|initial|inherit;
उदाहरण
आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> div { text-align: justify; text-justify: inter-word; color: white; background-color: orange; position: absolute; right: 90px; } </style> </head> <body> <h2>Demo Heading</h2> <div>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> </body> </html>
आउटपुट
उदाहरण
आइए एक और उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> .demo { background-color:orange; width:100px; position:relative; right:0px; color: white; } </style> </head> <body> <h1>Details</h1> <div class="demo">Examination Center near ABC College.</p> <div class="demo2">Exam begins at 11AM.</p> </body> </html>
आउटपुट
उदाहरण
आइए अब एक ऋणात्मक मान के साथ एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> .demo { background-color:orange; width:100px; position:relative; right:-100px; color: white; } </style> </head> <body> <h1>Details</h1> <div class="demo">Examination Center near ABC College.</p> <div class="demo2">Exam begins at 11AM.</p> </body> </html>
आउटपुट