CSS inset-inline-end 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-end: 60px;
}
</style>
</head>
<body>
    <h1>inset-inline-end property example</h1>
    <div id="parentDIV">
    <div id="myDIV">
    <p>This DIV has a size defined by the distance of 50 pixels to the parent DIV element from end of element in the inline direction.</p>
    </div>
    </div>
</body>
</html>