HTML
CSS
JavaScript
<div class='container'><div class='box'>Box</div></div>
.container { position: relative; width: 300px; height: 300px; border: 2px solid #000; } .box { position: absolute; width: 100px; height: 100px; background-color: coral; offset-position: 50px 50px; transform: translate(50px, 50px); }
// No JavaScript required for this demo
Box