1. <style>
    2.     div{
    3.         position: relative;
    4.         width: 500px;
    5.         height: 500px;
    6.         background-color: green;
    7.     }
    8.     p{
    9.         position: absolute;
    10.         top: 50%;
    11.         left: 50%;
    12.         width: 200px;
    13.         height: 200px;
    14.         background-color: hotpink;
    15.         transform: translate(-50%,-50%);
    16.     }
    17. </style>
    18. <body>
    19.     <div>
    20.         <p></p>
    21.     </div>
    23. </body>

    image.png