CSS inset-inline property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
#parentDIV {
    position: relative;
    height: 350px;
    width: 70%;
    border: solid green 3px;
}
#myDIV {
    position: absolute;
    background-color: lightgreen;
    height: 100%;
    inset-inline: 20px 40px;
}
</style>
</head>
<body>
    <h1>inset-inline property example</h1>
    <div id="parentDIV">
    <div id="myDIV">
    <p>This DIV has a size defined by the distance of 20 pixels to the parent DIV element from start of element, and 40 pixels distance to parent from end of element, in the inline direction.</p>
    </div>
    </div>
</body>
</html>