<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính right khi dùng position absolute trong CSS</title>
<style>
#d-relative{width:100%; height:300px; background:red;}
span{width:70px; height:30px; background:green; top:10px; z-index:1; line-height:30px; text-align:center; color:#fff}
</style>
</head>
<body>
<h1>Thuộc tính right khi dùng position absolute trong CSS</h1>
<p>Thuộc tính right trong position absolute sẽ canh cạnh phải của phần tử HTML so với cạnh phải của phần tử cha có position relative gần nhất:</p>
<div id="d-relative" style="position:relative">
<span style="right:10px; position:absolute;">right:10px;</span>
<span style="right:50%; position:absolute;">right:50%;</span>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính right khi dùng position absolute trong CSS</title>
<style>
#d-relative{width:100%; height:300px; background:red;}
span{width:70px; height:30px; background:green; top:10px; z-index:1; line-height:30px; text-align:center; color:#fff}
</style>
</head>
<body>
<h1>Thuộc tính right khi dùng position absolute trong CSS</h1>
<p>Thuộc tính right trong position absolute sẽ canh cạnh phải của phần tử HTML so với cạnh phải của phần tử cha có position relative gần nhất:</p>
<div id="d-relative" style="position:relative">
<span style="right:10px; position:absolute;">right:10px;</span>
<span style="right:50%; position:absolute;">right:50%;</span>
</div>
</body>
</html>