উপাদানের অনুভূমিক অবস্থান সেট করতে সঠিক সম্পত্তি ব্যবহার করা হয়। এটি −
হিসাবে সেট করা হয়েছে৷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>
আউটপুট