CSS inset-block property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
#parentDIV {
    position: relative;
    height: 350px;
    width: 70%;
}
#myDIV {
    position: absolute;
    background-color: lightgreen;
    inset-block: 20px 40px;
}
div {
    border: solid green 3px;
}
</style>
</head>
<body>
    <h1>inset-block 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 block, and 40 pixels distance to parent from end of block.</p>
    </div>
    </div>
</body>
</html>