<html>
<head>
<style>
body {
background-color: #E7E9EB;
}
#myDIV {
height: 300px;
position: relative;
background-color: #FFFFFF;
}
.bluediv {
position: absolute;
width: 100%;
background-color: lightblue;
inset-block-start: 0;
inset-block-end: 50%;
}
</style>
</head>
<body>
<h1>The inset-block-end property</h1>
<div id="myDIV">
<div class="bluediv">
See this blue div element with different inset-block-end values.
</div>
</div>
</body>
</html>