Run ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> #parentDIV { position: relative; height: 250px; width: 60%; border: solid black 1px; } #myDIV { position: absolute; background-color: lightblue; height: 100%; inset-inline: 10px 50px; direction: rtl; } </style> </head> <body> <h1>The inset-inline Property</h1> <p>Here, the inset-inline property is affected by the CSS direction property.</p> <div id="parentDIV"> <div id="myDIV"> <p>This DIV has a size defined by the distance of 10 pixels to the parent DIV element from start of element, and 50 pixels distance to parent from end of element, in the inline direction.</p> </div> </div> </body> </html>