blob: 284c0b502e88d4ff0045ac5f416b172574dc0646 [file] [log] [blame]
<!DOCTYPE html>
| When a relatively positioned element is overconstrained because left and
| right are both specified, left wins (if the 'direction' property is set to
| 'ltr', if it is 'rtl' then right wins). When top and bottom are specified,
| top wins.
.box {
width: 50px;
height: 50px;
background-color: rgb(100, 100, 255);
.position-relative {
position: relative;
left: 25px;
top: 25px;
right: 10px;
bottom: 10px;
direction: ltr;
background-color: rgb(255, 100, 100);
<body dir="rtl">
<div class="box"></div>
<div class="box position-relative"></div>
<div class="box"></div>