Thuộc tính right được sử dụng để đặt vị trí ngang của phần tử. Nó được đặt là -
right: auto|length|initial|inherit;
Ví dụ
Hãy để chúng tôi xem một ví dụ để triển khai thuộc tính phù hợp trong 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> Đầu ra
Ví dụ
Hãy để chúng tôi xem một ví dụ khác -
<!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> Đầu ra
Ví dụ
Bây giờ chúng ta hãy xem một ví dụ có giá trị âm -
<!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> Đầu ra