<!DOCTYPE html><style>
* {
border: 1px solid black !important;
color: black !important;
background: white;
}
body {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 400px;
background: pink;
}
.two-props {
position: absolute;
inset-inline: 50px;
inset-block: 100px;
background: orange;
}
.four-props {
position: absolute;
inset-inline-start: 100px;
inset-inline-end: 150px;
inset-block-start: 200px;
inset-block-end: 50px;
background: magenta;
}
</style><body><div class="two-props"></div><div class="four-props"></div>
