HTML
CSS
JavaScript
<div class='container'><div class='box'>Inset Inline Example</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: 20px; }
// No JavaScript required for this demo
Inset Inline Example