<div class="red"></div>
<div class="blue"></div>
.red, .blue {
width: 100px;
height: 100px;
}
.red {
background-color: red;
position: relative;
anchor-name: --red;
}
.blue {
background-color: blue;
position: absolute;
top: anchor(--red bottom);
left: anchor(--red right);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.