HTML
CSS
JavaScript
<div class='container'><div class='box'>Box with inset-inline-start</div></div>
.container { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } .box { width: 200px; height: 100px; background-color: #4CAF50; color: white; display: flex; justify-content: center; align-items: center; position: relative; inset-inline-start: 50px; margin-inline-start: 50px; }
// No JavaScript required for this demo
Box with inset-inline-start