Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
#parentDIV {
  position: relative;
  height: 250px;
  width: 60%;
  border: solid black 1px;
}
#myDIV {
  position: absolute;
  background-color: lightblue;
  inset-block-start: 0;
  inset-block-end: 50px;
  writing-mode: vertical-rl;
}
</style>
</head>
<body>
<h1>The inset-block-end Property</h1>
<div id="parentDIV">
  <div id="myDIV">
    <p>This DIV has a distance of 50 pixels to the parent DIV element from end of element in the block direction.</p>
  </div>
</div>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_inset-block-end2 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:37:06 GMT -->
</html>