## 1. ~~~ .parent { position: relative; width: 300px; height: 300px; background-color: red; } .child { position: absolute; width: 100px; height: 100px; background-color: yellow; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } ~~~ ## 2. ~~~ .parent { position: relative; width: 300px; height: 300px; background-color: red; } .child { position: absolute; width: 100px; height: 100px; background-color: yellow; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } ~~~